SEEK Style Guide

Dropdown
import {
  Dropdown
} from 'seek-style-guide/react';


<Dropdown
  id="jobTitles"
  label="Job Titles"
  message=""
  onChange={() => {...}}
  options={[
    {
      label: 'Really really long job title that is not gonna fit',
      value: '3'
    },
    {
      label: 'Major Cities',
      value: [
        {
          label: 'Melbourne',
          value: '3004'
        },
        {
          label: 'Sydney',
          value: '3002'
        }
      ]
    },
    {
      label: 'Ballarat',
      value: '3005'
    }
  ]}
  placeholder="Select a job title..."
  value="..."
/>
Click to copy
Sketch Symbols
Dropdown ▸ Standard
Dropdown ▸ With Help Text
Help text
Dropdown ▸ With Critical Text
Critical text
Dropdown ▸ With Positive Text
Positive text