componente · @solu30/ui-kit/input

ChipToggleGroup

Grilla responsive que reparte varios ChipToggle en columnas, con título y descripción del grupo.

12 sitios de import en 4 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

TheCharterPanel
carlosmartinpavon
dietaly
gestorsalon

El componente, montado

Cargando el componente del paquete instalado…

Cómo se usa

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

Props

5 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	`{ sm?: number; md?: number; lg?: number; }`	Responsive column counts
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: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.