Function Dropdown

Parameters

• props: {
      ariaLabel?: string;
      disabled?: boolean;
      options: readonly DropdownOptionType<ValueType>[];
      placeholder?: string;
      value?: ValueType;
      onValueChange(value: ValueType): void;
  }

  • OptionalariaLabel?: string

    Provide an accessible name for screen readers. Use this when the dropdown has no visible label next to it — the selected option's text does not name the control itself.

    Example

    `Operating system`
    Copy

  • Optionaldisabled?: boolean

    Default

    false
    Copy

  • options: readonly DropdownOptionType<ValueType>[]

    Available options that can be selected.

  • Optionalplaceholder?: string

    The placeholder text shown while no option is selected.

  • Optionalvalue?: ValueType

    The controlled value of the dropdown. Should be used in conjunction with onValueChange.

  • onValueChange: function

    • onValueChange(value: ValueType): void

      Called when the user selects an option.

      Parameters

      • value: ValueType

      Returns void