Skip to main content
⌘K
Last modified: 4/Oct/2024

Select Option

The Select Option component it is used as the Option of the Select.

#Usage

So you can use the Select Option component this easy:

<Select onChange={handleOnChange}>
  <Select.Option value="item-1">Item 1</Select.Option>
  <Select.Option value="item-2">Item 2</Select.Option>
</Select>

#Props

#value
Required
string
This string will be provided to onChange props callback
#index
number
0
#children
Required
ReactNode
This label will show up on the UI
#isPlaceholder
boolean
#isInGroup
boolean
#selectedTemplate
ReactNode
Custom template for the selected item
#isDisabled
boolean
Sets the disabled state of the select option input and prevents opening it

#Types

  • SelectOptionProps: props of the Select.Option component processed by stratus

Read more about types here

#See also