Dialog
Modal sobre React Aria: atrapa el foco, cierra con Escape, bloquea el scroll de fondo y devuelve el foco al disparador. Incluye AlertDialog para confirmar acciones destructivas.
npx orbitui-cli add dialogEl de eliminar no se cierra con Escape ni con clic afuera.
Props
| Prop | Tipo | Descripción |
|---|---|---|
title* | string | — |
description | string | — |
size | DialogSize | — |
footer | ReactNode | Pie del dialogo: normalmente los botones de accion. |
hideClose | boolean | Oculta la cruz de cerrar. Usalo solo si el pie ya ofrece una salida. |
children | ReactNode | — |
className | string | — |
title* | string | — |
description* | string | — |
confirmLabel* | string | Texto del boton que ejecuta la accion. Nombra la accion, no digas "Aceptar". |
cancelLabel | string | — |
tone | "danger" | "primary" | — |
onConfirm | () => void | — |
isPending | boolean | — |
Qué instala
- Archivo
components/orbit/ui/dialog.tsx- Componentes
- button, cx, icon-button
- Paquetes npm
react-aria-components@^1.5.0
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.