@hsl-fi/dropdown v2.1.2

Properties - Dropdown

{
  className: string; - optional
  openMenuAriaLabel: string; - required
  closeMenuAriaLabel: string; - required
  label: string; - optional
  ariaLabel: string; - required
  options: DropdownOption[]; - required
  onChange: (option: DropdownOption) => void; - optional
  loading: boolean; - optional
  disableTextInput: boolean; - optional
  required: boolean; - optional
  hasError: boolean; - optional
  initialValue: any; - optional
  icon: JSX.Element; - optional
}

Properties - DropdownOption

{
  value: string; - required
  text: string; - required
  ticketTypes: TicketType[]; - optional (@hsl-fi/ticket-types)
  selected: boolean; - optional
  icon: JSX.Element; - optional
}

Example

<Dropdown
    className="class1 class2"
    label="Label text"
    ariaLabel="aria-label text"
    openMenuAriaLabel="aria-label for menu opening button"
    closeMenuAriaLabel="aria-label for menu closing button"
    options={DropdownOption[]}
    onChange={(option: DropdownOption) => {
        // do something with selected option..
    }}
    required={false}
    hasError={false}
/>