Native Select
Form Input
System Native Select component
Quickstart #
<script>
import { NativeSelect } from "@steeze-ui/components"
let value = '1'
</script>
<NativeSelect bind:value label="Label">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</NativeSelect>API Reference #
| Property | Type | Default |
|---|---|---|
label
|
String
|
null
|
helper
|
String
|
null
|
width
|
String
|
'12rem'
|
theme
|
String
|
null
|
name
|
String
|
null
|
disabled
|
Boolean
|
false
|
required
|
Boolean
|
false
|
focus
|
Boolean
|
false
|
*
|
*
|
-
|
Styling #
| Name | Default |
|---|---|
--st-select-color
|
--st-field-color
|
--st-select-font-size
|
--st-field-font-size
|
--st-select-font-weight
|
--st-field-font-weight
|
--st-field-height
|
--st-field-height-md
|
--st-field-padding
|
--st-field-padding-md
|
--st-field-bg-color
|
light:whitedark:--st-colors-dark8 |
--st-field-border-radius
|
--st-field-border-radius-md
|
--st-field-border-color
|
--st-border-color
|
MIT Licensed