Dropdown

Code

import * as G from '.../components';

<G.Dropdown bottom right>
  <G.Link opener>Lorem ipsum dolor sit amet ▼</G.Link>
  <G.DropdownLink href="#">Lorem ipsum</G.DropdownLink>
  <G.DropdownLink href="#">Lorem ipsum</G.DropdownLink>
  <G.DropdownDivider />
  <G.DropdownLink href="#">Lorem ipsum</G.DropdownLink>
</G.Dropdown>

Properties

• top - true | false
• right - true | false
• bottom - true | false
• left - true | false
• keepPositionOnMobile - true | false
• Dropdown Opener Element
  • caret - true | false
  • opener - true | false
• DropdownLink
  • icon - String
  • isSelected - true | false