componente · @solu30/ui-kit/feedback
CommandItem
Una opción de la paleta. Filtra por su value, y si no se lo pasás, por el texto de sus children — con children que no sean texto plano el filtro deja de encontrarlo. onSelect recibe el value.
12 sitios de import en 3 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- cmp-packages
- gestorsalon
- luigi
La parte, adentro de su padre
Cargando el componente del paquete instalado…
CommandItem es una parte de Command: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.
Cómo se usa
import { CommandItem } from '@solu30/ui-kit/feedback'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| value | opcional | string | — |
| onSelect | opcional | (value: string) => void | — |
| disabled | opcional | boolean | — |
| children | sí | ReactNode | — |
| className | opcional | string | — |
Ejemplo del paquete
// `value` es contra lo que se filtra Y lo que llega a onSelect.
<CommandItem value="salón norte" onSelect={(v) => elegir(v)}>Salón Norte</CommandItem>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.