componente · @solu30/ui-kit/feedback
AlertDialogAction
El botón que confirma. Corre tu onClick y CIERRA el diálogo solo — no lo cierres vos también. Con asChild respeta el preventDefault() de tu handler: si lo llamás, no cierra.
33 sitios de import en 3 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- cmp-packages
- dietaly
- gestorsalon
La parte, adentro de su padre
Cargando el espécimen…
export function AlertDialogMatrix() {
return (
<Stage label="AlertDialog · no dismissable, a propósito" tall wide>
<Row>
<AlertDialogCancelar />
<AlertDialogVaciar />
</Row>
</Stage>
)
}De specimens/feedback.tsx · AlertDialogMatrix: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.
AlertDialogAction es una parte de AlertDialog: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.
Cómo se usa
import { AlertDialogAction } from '@solu30/ui-kit/feedback'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| asChild | opcional | boolean | — |
| children | sí | ReactNode | — |
| className | opcional | string | — |
| onClick | opcional | () => void | — |
| disabled | opcional | boolean | — |
Ejemplo del paquete
// Cierra el diálogo Y corre el onClick.
<AlertDialogAction onClick={borrar} disabled={borrando}>Borrar</AlertDialogAction>Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.