LifeUI

1.53.2

Listbox

Muestra una lista de opciones y permite al usuario seleccionar una.

Apariencia

Utiliza la propiedad appearance para cambiar el estilo visual del listbox.}

Controlar estado

Utiliza las propiedades value y onChange para controlar el estado del listbox

Props

Listbox

Prop	Tipo	Requerido	Descripción
`defaultValue`	`{ value: string; label: string }`	-	El valor de la opción que debe estar seleccionada al renderizarse inicialmente. Úsalo cuando no controles el estado de las opciones.
`value`	`{ value: string; label: string }`	-	El valor controlado de la opción que se activará. Debes usarlo junto con `onValueChange`.
`onValueChange`	`(value: { value: string; label: string }) => void`	-	Manejador de evento que se llama cuando cambia el valor.

ListboxTrigger

Prop	Tipo	Requerido	Descripción
`asChild`	`boolean`	-	Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento.

ListboxOption

Prop	Tipo	Requerido	Descripción
`value`	`string`	-	El valor de la opción.
`label`	`string`	-	El nombre de la opción que se muestra en el input, botón u otro elemento cuando es seleccionada.

ListboxOptions

Prop	Tipo	Requerido	Descripción
`children`	`ReactNode`	-	Contenido del listbox options.

Se utilizan para mostrar datos tabulares mediante filas y columnas. Permiten a los usuarios explorar, ordenar, comparar y actuar rápidamente sobre grandes cantidades de datos.