componente · @solu30/ui-kit/input

OptionCardGroup

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

import { OptionCardGroup } from '@solu30/ui-kit/input'

Props

4 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
value	opcional	`string`	Controlled selected value.
defaultValue	opcional	`string`	Initial value for uncontrolled mode.
onValueChange	opcional	`(value: string) => void`	Called when the selected option changes.
disabled	opcional	`boolean`	Disables all items in the group.

Ejemplo del paquete

<OptionCardGroup value={mode} onValueChange={setMode} className="grid gap-2 sm:grid-cols-3" aria-label="Modo de asignación">
<OptionCardItem value="admin" title="Menú único" description="Vos asignás el mismo menú a todos." />
<OptionCardItem value="guest" title="Cada invitado elige" description="Vía portal." />
</OptionCardGroup>

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.