Select
---
import Select from 'fulldev-ui/components/Select.astro'
---
<Select
label="Select"
placeholder="Select an option"
options={['Option 1', 'Option 2']}
/>
Props
| Prop | Type | Default |
|---|---|---|
| label | string | - |
| placeholder | string | - |
| options | string[] | - |
| value | string | - |
| size | 'sm' | 'md' | 'lg' | - |
| color | 'base' | 'brand' | - |
| contrast | boolean | - |
| theme | 'light' | 'dark' | - |
| HTML Attributes | select | - |
Examples
---
import Select from 'fulldev-ui/components/Select.astro'
---
<Select
label="Select"
placeholder="Select an option"
options={['Option 1', 'Option 2']}
/>
---
import Select from 'fulldev-ui/components/Select.astro'
---
<Select size="sm" options={['Option 1', 'Option 2']} />
<Select size="md" options={['Option 1', 'Option 2']} />
<Select size="lg" options={['Option 1', 'Option 2']} />
---
import Select from 'fulldev-ui/components/Select.astro'
---
<Select color="base" options={['Option 1', 'Option 2']} />
<Select color="brand" options={['Option 1', 'Option 2']} />