Skip to main content

Options()

Options<T>(__namedParameters): Element

Options - A flexible list component for selectable items with rich content

Provides accessible list functionality with support for selection, sections, and rich item content including labels, descriptions, and icons. Perfect for dropdown lists, menu items, or any selectable list interface.

Type Parameters​

T​

T extends OptionsDataItem

Parameters​

__namedParameters​

OptionsProps<T>

Returns​

Element

Examples​

// Basic options list
<Options>
  <OptionsItem>
    <OptionsItemLabel>Option 1</OptionsItemLabel>
  </OptionsItem>
  <OptionsItem>
    <OptionsItemLabel>Option 2</OptionsItemLabel>
  </OptionsItem>
</Options>
// Options with descriptions and icons
<Options>
  <OptionsItem>
    <Icon><User /></Icon>
    <OptionsItemContent>
      <OptionsItemLabel>John Doe</OptionsItemLabel>
      <OptionsItemDescription>Senior Developer</OptionsItemDescription>
    </OptionsItemContent>
  </OptionsItem>
</Options>
// Sectioned options
<Options>
  <OptionsSection header="Recent">
    <OptionsItem>Recent Item 1</OptionsItem>
  </OptionsSection>
  <OptionsSection header="All Items">
    <OptionsItem>All Items 1</OptionsItem>
  </OptionsSection>
</Options>