Modal

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad alias corporis, dolor, doloremque ducimus eos fuga hic id labore necessitatibus nulla odio perferendis qui quia quisquam saepe ut, voluptate.

Example

Open in new tab

HTML Structure

Copy source

You can edit this source code and view your changes in the example above. Click the "copy" icon to copy the source code to the clipboard.


        

Usage

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores consequatur delectus deserunt dolore enim ex excepturi explicabo facere iste minus molestiae, numquam possimus quia quos similique sint unde voluptates? Fuga.

CSS class names.

Class Description
"nkn-modal-container" Es el contenedor del modal.
"nkn-modal" Aqui estará el contenido del modal.
"nkn-small" Se utiliza para darle tamaño pequeño al modal y va al lado de la clase "nkn-modal".
"nkn-medium" Se utiliza para darle tamaño medio al modal y va al lado de la clase "nkn-modal".
"nkn-large" Se utiliza para darle tamaño grande al modal y va al lado de la clase "nkn-modal".
"nkn-heading" Es para la cabecera del modal.
"nkn-content" Es para el cuerpo del modal.
"nkn-footer" Es para el pie del modal.
"nkn-close" La clase para cerrar el modal.

HTML data-attributes.

Data role Description
data-nkn-role="close-modal" Utilizado por el javascript para cerrar el modal.