Modal
Inserta textos o imágenes a través de cuadros de diálogo, por ejemplo; notificaciones, formularios o, también utilizarlo haciendo uso de la cuadrícula.
-- Botón para lanzar la modal
HTML
-- Modal básica
HTML
-- Ejemplo con imágenes y grid
HTML
Modal ejemplo con datos
...
-
-
Example grid in modal
...
-
Example grid in modal
...
-
Example grid in modal
...
-
Example grid in modal
...
-- Modal con formulario
HTML
Formulario
Cuadro de diálogo nativo de HTML
-- Botón para lanzar el cuadro de diálogo
HTML
-- Cuadro de diálogo
HTML
-- Animaciones para la modal
Consulta la sección de animaciones, la modal por defecto contiene la animación (zoom). Fijate en el ejemplo de abajo dónde tienes que insertar la clase para otros efectos.
Consulta en la sección utilidades > @keyframe, las diferentes animaciones de las que puedes hacer uso para la modal.
Ejemplo de uso
HTML
...
