Sha256: de8ea10f0f0b4a9c555294f7001594d52f9e459c71e6e8cd2b124b6278567a0e

Contents?: true

Size: 713 Bytes

Versions: 100

Compression:

Stored size: 713 Bytes

Contents

import React from 'react'
import { Dropdown } from '../..'

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

100 entries across 100 versions & 2 rubygems

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx