componente · @solu30/ui-kit/input

ChipToggle

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

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

Props

9 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
label	sí	`string`	Display label
checked	sí	`boolean`	Controlled checked state
onChange	sí	`(checked: boolean) => void \| Promise<void>`	Sync or async toggle handler. On promise rejection, visual state reverts.
icon	opcional	`React__default.ReactNode`	Optional leading icon
disabled	opcional	`boolean`	Disable interaction
loading	opcional	`boolean`	Show loading spinner (overrides internal async loading)
description	opcional	`string`	Optional description text below the label
className	opcional	`string`	Additional CSS class
onError	opcional	`(error: unknown) => void`	Called when an async onChange rejects

Ejemplo del paquete

<ChipToggle
label="Wi-Fi"
checked={hasWifi}
onChange={async (v) => { await updateAmenity('wifi', v) }}
icon={<WifiIcon />}
/>

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.