MyDropdown.jsx

import React from 'react'
// This is not the 'home' icon in the screenshot – we do not have a 'home' icon
// in Helios. Something that would be great to add as the one in the screenshot
// looks a little out of place among the other Helios icons.
import { Screens } from '@invisionapp/helios/icons'
import { Dropdown } from '@invisionapp/helios'

function MyDropdown(props) {
  return (
    <Dropdown
      items={[
        {
          type: 'item',
          icon: <Screens size={16} />,
          href: '/artboard-1',
          label: 'Artboard 1',
          // This is the key attribute to make the tick appear for a particular Menu item within the Dropdown
          selected: true
        },
        {
          type: 'item',
          label: 'Artboard 2',
          href: '/artboard-2'
        },
        {
          type: 'item',
          label: 'Artboard 3',
          href: '/artboard-3'
        }
      ]}
    />
  )
}

export default MyDropdown