primer-react/examples/component-examples/Dropdown.js

Primer react components

import React from 'react'
import {Block, Dropdown} from '../../src'
import ExampleHeading from '../doc-components/ExampleHeading'

const DropdownExample = {
  name: 'Dropdown',
  element: (
    <div>
      <Block my={4}>
        <ExampleHeading>Dropdown Primary</ExampleHeading>
        <Dropdown scheme={'primary'}>
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </Dropdown>
      </Block>
      <Block my={4}>
        <ExampleHeading>Dropdown</ExampleHeading>
        <Dropdown>
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </Dropdown>
      </Block>
      <Block my={4}>
        <ExampleHeading>Dropdown with title</ExampleHeading>
        <Dropdown title="Options">
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </Dropdown>
      </Block>
    </div>
  )
}

export default DropdownExample