@react-types/select

SelectProps

Defines the properties for a Select component, including label, items, and onSelectionChange handler.

import { SelectProps } from '@react-types/select';

const selectProps: SelectProps<string> = {
  label: 'Choose an option',
  items: [{ name: 'Option 1' }, { name: 'Option 2' }],
  onSelectionChange: (key) => console.log(key)
};

Item

Defines individual items within the Select component.

import { Item } from '@react-types/select';

const items = [
  <Item key="1">Option 1</Item>,
  <Item key="2">Option 2</Item>
];

Section

Defines sections within the Select component to group related items.

import { Section } from '@react-types/select';

const sections = [
  <Section title="Group 1">
    <Item key="1">Option 1</Item>
    <Item key="2">Option 2</Item>
  </Section>,
  <Section title="Group 2">
    <Item key="3">Option 3</Item>
    <Item key="4">Option 4</Item>
  </Section>
];