Components

Select

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

Always use a Label component to identify and describe the purpose of a select element.

import { Select } from '@sproutsocial/racine'

Properties

System props

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.

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"