Demo
1
2
3
4
5<Select label="Favorite Fruit">
<option value="apple">Apple</option>
<option value="banana">Bananna</option>
<option value="orange">Orange</option>
</Select>import { Select } from "@dapper-ui/core";1
2
3
4
5<Select label="Favorite Fruit">
<option value="apple">Apple</option>
<option value="banana">Bananna</option>
<option value="orange">Orange</option>
</Select>stringAutogenerated random IDstring | undefinedundefinedstring | undefinedundefinedbooleanfalsebooleanfalsestring | never | undefinedundefinedstringNonebooleanfalsebooleanfalseWhen set to true, automatically focuses the element when the component is mounted.
This is useful for usability and accessibility reasons, for example to focus an element when a modal is opened.
string | undefinedundefinedWhen set to true, automatically focuses the element when the component is mounted.
This is useful for usability and accessibility reasons, for example to focus an element when a modal is opened.
'sm' | 'base' | undefined'base'When set to true, automatically focuses the element when the component is mounted.
This is useful for usability and accessibility reasons, for example to focus an element when a modal is opened.
Radius | undefinedundefinedWhen set to true, automatically focuses the element when the component is mounted.
This is useful for usability and accessibility reasons, for example to focus an element when a modal is opened.
booleanfalseWhen set to true, automatically focuses the element when the component is mounted.
This is useful for usability and accessibility reasons, for example to focus an element when a modal is opened.
stringEmpty stringAdditional CSS classes to add to the label.
string | undefinedundefinedCustom CSS styles to apply.
Especially useful for positioning styles like margings.