Modales y Overlays
Modal Left
Un modal de altura completa que se desliza desde el lado izquierdo de la pantalla, ideal para paneles laterales y cajones de navegación.
Tests
100%
Uso
SModalLeft es un panel modal de altura completa que se desliza desde el borde izquierdo de la pantalla. Incluye una transición animada y un fondo oscuro con un botón de cierre.
Controla la visibilidad con la prop :open y maneja el cierre mediante los eventos @close y @backdrop-click.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
open | boolean | false | Controla la visibilidad del modal |
class | string | - | Clases CSS adicionales para el elemento raíz |
backdropClass | string | '' | Clases CSS adicionales para el fondo del overlay |
breakpoint | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number | - | Punto de quiebre por encima del cual el modal se oculta. Útil para diseños responsivos donde el modal solo debe aparecer en pantallas pequeñas |
Eventos
| Evento | Payload | Descripción |
|---|---|---|
close | - | Se emite cuando se hace clic en el botón de cierre |
backdropClick | - | Se emite cuando se hace clic en el fondo |
Slots
| Nombre | Descripción |
|---|---|
default | Contenido del panel lateral |