Dialog

Modal accesible (Radix).

Modal

Vista previa

<Dialog
  trigger="Editar perfil"
  title="Editar perfil"
  description="Haz cambios…"
  confirmLabel="Guardar"
  cancelLabel="Cancelar"
  onConfirm={async () => { await save() }}  // loading + autoclose
>
  <Input placeholder="Nombre" />
</Dialog>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Editorial · claro

Technical · oscuro

Warm · claro