Components

Select

Select enables a user 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
name of the form element
ariaLabelstring
Label used to describe the input if not used with an accompanying label
childrenReactNode
defaultValueany
valueany
Current value of the input
requiredboolean
Sets the HTML required attribute
isInvalidboolean
autoFocusboolean
disabledboolean
qaany
legacy for qa props until we cut everyone over
onChangesignature
size"large""small""default""default"