Select

El componente Select permite a los usuarios elegir una opción de una lista desplegable.

Uso

import { Select } from "essential-materials";

Ejemplos

Basico

Uso basico del select.

ManzanaBananaUva

Desabilitado

Select desabilitado y Opcion desabilitado.

Select Deshabilitado

Opción 1Opción 2

Select con una Opción Deshabilitada

RojoVerdeAzul

Tamaños

Se puede colocar en tres tamaños: "small", "medium", "large".

Seleccione un paísColombiaMéxicoArgentina

Seleccione un paísColombiaMéxicoArgentina

Seleccione un paísColombiaMéxicoArgentina

API

Propiedad	Tipo	Descripción	Valores posibles	Default
name	string	Nombre del campo	Cualquier string válido	undefined
options	SelectOption[]	Lista de opciones disponibles	Array de { label, value, disabled }	[]
value	string | string[]	Valor seleccionado	String o array de strings	undefined
placeholder	string	Texto mostrado antes de seleccionar una opción	Cualquier string válido	""
disabled	boolean	Si el selector debe estar deshabilitado	true, false	false
size	"small" | "medium" | "large"	Tamaño del select	"small", "medium", "large"	"medium"
className	string	Clases CSS personalizadas	"" o cualquier clase CSS válida	""
onChange	(value: string) => void	Función que se ejecuta al cambiar la opción	(value: string) => void	undefined