<div className="demo-container">
  <div className="demo">
    <Select
      clear
      data={[
        {
          key: '1',
          label: 'One',
          type: 'user'
        },
        {
          key: '2',
          label: 'Group',
          type: 'user'
        },
        {
          key: '3',
          label: 'Three',
          type: 'user'
        }
      ]}
      directions={[
        'BOTTOM_RIGHT',
        'BOTTOM_LEFT',
        'TOP_LEFT',
        'TOP_RIGHT'
      ]}
      disableMoveOverflow
      filter
      label="Please select option"
      onSelect={() => {}}
      selected={{
        key: '1',
        label: 'One',
        type: 'user'
      }}
      selectedLabel="Option"
    />
  </div>
  <Link
    onClick={() => {}}
    pseudo
  >
    Clear
  </Link>
</div>