Select

Select forma parte del apartado «Formularios» del kit. Campos de entrada, selección, fechas y texto enriquecido, con validación y estados.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { Select } from "@tsukira/ui"; export function Ejemplo() {  return <Select />;}

Los ejemplos detallados de Select están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

SelectRootProps

Prop	Tipo	Default	Descripción
`children`	`ReactNode`	—	—
`value`	`string`	—	—
`defaultValue`	`string`	—	—
`onValueChange`	`((value: string) => void)`	—	—
`open`	`boolean`	—	—
`defaultOpen`	`boolean`	—	—
`onOpenChange`	`((open: boolean) => void)`	—	—

SelectValuePropsextends HTMLAttributes<HTMLSpanElement>

Prop	Tipo	Default	Descripción
`placeholder`	`ReactNode`	—	—

SelectItemPropsextends HTMLAttributes<HTMLDivElement>

Prop	Tipo	Default	Descripción
`value`*	`string`	—	—
`disabled`	`boolean`	—	—
`leading`	`ReactNode`	—	—