# Select

> Wraps the native `<select>` (keeps the system picker on mobile) and draws the chevron with an icon.

Source: https://ui.jcsoftdev.com/docs/components/select

Wraps the native `<select>` (keeps the system picker on mobile) and draws
the chevron with an icon.

## Import

```ts
import { Select } from "@jcsoftdev/ui/forms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/forms/select`.

## Usage

```tsx
<Select aria-label="Barbero">
  {options}
</Select>
```

## Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/forms-select--default)
- [With Selection](/storybook/?path=/story/forms-select--with-selection)
- [Invalid](/storybook/?path=/story/forms-select--invalid)
- [Disabled](/storybook/?path=/story/forms-select--disabled)

## Source

`packages/ui/src/forms/select/select.tsx`