Select

Campo de seleção nativo com label, mensagem de erro e ícone de dropdown.

Instalação

npm install @dexcode-core/ui react-icons

Uso

import { Select } from '@dexcode-core/ui'
 
const options = [
  { value: 'admin', label: 'Administrador' },
  { value: 'user', label: 'Usuário' },
]
 
export default function Example() {
  return (
    <Select
      label="Perfil"
      options={options}
      isRequired
    />
  )
}

Com mensagem de erro

<Select
  label="Estado"
  options={options}
  errorMessage="Selecione um estado"
/>

Props

Prop	Tipo	Padrão	Descrição
`label`	`string`	—	Texto exibido acima do campo
`options`	`SelectOption[]`	—	Lista de opções `{ value, label }`
`isRequired`	`boolean`	`false`	Exibe um asterisco vermelho ao lado do label
`errorMessage`	`string`	—	Mensagem de erro exibida abaixo do campo; também aplica estilo de erro
`...`	`SelectHTMLAttributes`	—	Todos os atributos nativos do `<select>`

Tipo — SelectOption

Prop	Tipo	Descrição
`value`	`string \| number`	Valor da opção
`label`	`string`	Texto exibido para a opção

Input Loading