0

Soy nueva en esto y no se como poner el tema oscuro para mi alerta. copie como dice la documentación pero no pasa nada

npm install --save sweetalert2 @sweetalert2/theme-dark

Esto lo instale en la terminal de visual studio code y pareciera haber quedado bien

<link rel="stylesheet" href="@sweetalert2/theme-dark/dark.css">

<script src="sweetalert2/dist/sweetalert2.min.js"></script>

Estos los pegue en el html, en el head.

He intentado pero no he podido

introducir la descripción de la imagen aquí

4
  • Agrega el código donde usas SweetAlert
    – René
    Commented el 18 abr. 2023 a las 9:13
  • hola rene, gracias, lo agrege como captura de pantalla
    – Sabri
    Commented el 18 abr. 2023 a las 15:48
  • 2
    el codigo siempre pegado no como imagen
    – John
    Commented el 18 abr. 2023 a las 15:50
  • 2
    Antes que te agarren a negativos por el formato de la pregunta, lectura recomendada: es.meta.stackoverflow.com/a/4433/822 Saludos.
    – fredyfx
    Commented el 18 abr. 2023 a las 16:21

1 respuesta 1

2

el link y el script correctos son estos sin la necesidad de instalar el npm son los siguientes

<link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>

Así quedaría un ejemplo resumido de tu código

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi primera página web</title>

    <link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>


</head>

<body>

    <button onclick="mostrar()">mostrar</button>

    <script>
        function mostrar() {
            swal.fire({
                position: 'top-end',
                icon: 'success',
                title: 'Your work has been saved',

            })
        }

    </script>

</body>

</html>

2
  • Muchas gracias claudio, me sirvio. Te puedo preguntar de donde los sacaste los codigos correctos?
    – Sabri
    Commented el 20 abr. 2023 a las 14:29
  • Desde acá sweetalert2.github.io/#themes tienen los link al CDN para no necesitar instalaciones Commented el 20 abr. 2023 a las 18:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.