Componentes
Modales, menús y tooltips
Superficies que flotan con radio xl y sombra xl. En móvil, los modales suben desde abajo como hojas.
Dialog#
Cabecera con cierre a la izquierda y título centrado, pie con acción secundaria (enlace) y principal.
Sheet#
Panel lateral en escritorio o inferior en móvil (con asa).
Popover#
Tooltip#
Solo para aclarar iconos; nunca para información imprescindible (no existe en táctil).
Altura limitada
API#
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| DialogContent.title | ReactNode | — | Obligatorio (accesible). hideTitle lo oculta visualmente |
| DialogContent.size | sm | md | lg | xl | md | 420 / 568 / 780 / 1032 px en escritorio |
| DialogContent.footer | ReactNode | — | Barra inferior fija |
| SheetContent.side | right | left | bottom | right | Dirección de entrada |
| MenuItem.icon / destructive | IconName / boolean | — | Icono y estilo de peligro |