Components

Select

Select enables a user to select a single item from a list of options.

Always use a component to identify and describe the purpose of a select element. Selects are often used within a .

import { Select } from '@sproutsocial/racine'

Properties

NameTypeDefaultDescriptionRequired?
idstring
ID of the form element, should match the "for" value of the associated label
namestring
ariaLabelstring
Label used to describe the select if not used with an accompanying visual label
childrenReact.Node
defaultValueany
valueany
Current value of the input
requiredboolean
isInvalidboolean
autoFocusboolean
disabledboolean
inputPropsany
Props to spread onto the underlying input element
qaany
onChange(e: SyntheticInputEvent<HTMLInputElement>) => void
size
"large"
"small"
"default"
"default"