Componente de Select

O Select é um componente que permite ao usuário selecionar uma opção em uma lista suspensa. Ele oferece suporte para ícones personalizados e placeholders.

Como importar

import { Select } from '@/app/shared/@JustLaunch/components';

Exemplo de uso

<Select.Root>
  <Select.Label>Label</Select.Label>
  <Select.Wrapper placeholder='Select an option'>
    <Select.Item text='Option 1' value='Option 1' />
    <Select.Item text='Option 2' value='Option 2' icon={ <span className='text-gray-500'>⭐</span>} />
  </Select.Wrapper>
</Select.Root>

Placeholder Personalizado

<Select.Root>
  <Select.Label>Label</Select.Label>
  <Select.Wrapper placeholder='Choose your favorite'>
    <Select.Item text='Option A' value='Option A' />
    <Select.Item text='Option B' value='Option B' />
  </Select.Wrapper>
</Select.Root>