Sha256: c924c302d8cd5ccd2ad2947ff63582ba9354e859eaa06f828b1df7dd5ab51e74

Contents?: true

Size: 719 Bytes

Versions: 948

Compression:

Stored size: 719 Bytes

Contents

import React from 'react'
import { Dropdown } from 'playbook-ui'

const DropdownSubcomponentStructure = (props) => {


  const options = [
    {
      label: "United States",
      value: "United States",
    },
    {
      label: "Canada",
      value: "Canada",
    },
    {
      label: "Pakistan",
      value: "Pakistan",
    }
  ];  


  return (
  <div>
    <Dropdown
        options={options}
        {...props}
    >
      <Dropdown.Trigger/>
      <Dropdown.Container>
        {options.map((option) => (
          <Dropdown.Option key={option.id} 
              option={option}
          />
        ))}
      </Dropdown.Container>
    </Dropdown>
  </div>
  )
}

export default  DropdownSubcomponentStructure

Version data entries

948 entries across 948 versions & 2 rubygems

Version Path
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143264 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143264 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143260 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143260 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143255 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143255 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143251 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143251 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx