componente · @solu30/ui-kit/input

ChipToggleGroup

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

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

Props

8 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
title	opcional	`string`	Optional group title
description	opcional	`string`	Optional group description
columns	opcional	`{`	Responsive column counts
sm	opcional	`number`	—
md	opcional	`number`	—
lg	opcional	`number`	—
children	sí	`React__default.ReactNode`	ChipToggle children
className	opcional	`string`	Additional CSS class

Ejemplo del paquete

<ChipToggleGroup title="Amenities" columns={{ sm: 2, md: 3, lg: 4 }}>
<ChipToggle label="Wi-Fi" checked={...} onChange={...} />
<ChipToggle label="Pool" checked={...} onChange={...} />
</ChipToggleGroup>

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.