componente · @solu30/ui-kit/feedback
DialogContent
El panel, en el portal de Radix, con foco encerrado y scroll bloqueado. Si no vas a mostrar un DialogTitle visible, pasale aria-label: sin uno de los dos el diálogo queda sin nombre accesible y Radix lo avisa por consola.
86 sitios de import en 7 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- carlosmartinpavon
- cmp-packages
- dietaly
- elliot
- gestorsalon
- luigi
- raquetea
La parte, adentro de su padre
Cargando el espécimen…
export function DialogMatrix() {
return (
<Stage label="Dialog · dos escenarios, construido sobre Radix" tall wide>
<div className="flex w-full flex-col items-center gap-3">
<Row>
<DialogFormulario />
<DialogDetalle />
</Row>
</div>
</Stage>
)
}De specimens/feedback.tsx · DialogMatrix: 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.
DialogContent es una parte de Dialog: 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 { DialogContent } from '@solu30/ui-kit/feedback'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| children | sí | ReactNode | — |
| className | opcional | string | — |
| aria-label | opcional | string | Fallback a11y label when no DialogTitle is rendered inside this dialog. |
Ejemplo del paquete
// El panel. Si no lleva un DialogTitle adentro, pasarle `aria-label`.
<DialogContent aria-label="Nueva reserva">…</DialogContent>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.