Style Guide for Asahi Group Web Apps

# Select

# Example

# Code

<asahi-select
  placeholder="Choose fruit"
  options='[{"value": "1", "label": "apple"}, {"value": "2", "label": "pear"}]'
/>

# Props

  • options: Array<{value: string|number, label: string, disabled?: boolean, selected?: boolean}>
  • autofocus: boolean - Specifies that the drop-down list should automatically get focus when the page loads
  • disabled: boolean - Specifies that a drop-down list should be disabled
  • multiple: boolean - Specifies that multiple options can be selected at once
  • name: string - Defines a name for the drop-down list
  • required: boolean - Specifies that the user is required to select a value before submitting the form
  • size: number - Defines the number of visible options in a drop-down list

← Textarea →