Collection of theme-ui and external components.
created:3/15/2021
updated:3/15/2021
source lines:50
comments %:0

Select

theme-ui
0.6.0-alpha.7

Select variants can be defined in

theme.forms
and the component uses the
theme.forms.select
variant by default.

Component

import { Select } from 'theme-ui';

Overview

() => (
<Select defaultValue="Hello">
<option>Hello</option>
<option>Hi</option>
<option>Beep</option>
<option>Boop</option>
</Select>
)

Properties

Name
Description
Default
BoxOwnProps (4 properties)
as
ElementType<any>
-
variant
string
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 properties)
SelectHTMLAttributes (10 properties)
HTMLAttributes (44 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (160 properties)
Attributes (1 properties)
BackgroundColorProps (2 properties)
SelectProps (1 properties)
RefAttributes (1 properties)

External dependencies

package
imports
peer
react
React

Internal dependencies

file
imports
"./Box"
"./SVG"
SVG
"./util"
getMarginomitMargin

Component JSX