Sha256: ba56772d016c2116173d8705362c7eb931e75fa832cbea9b20c5f39ba5322693

Contents?: true

Size: 843 Bytes

Versions: 102

Compression:

Stored size: 843 Bytes

Contents

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

const DropdownWithCustomPadding = (props) => {

  const options = [
    {
      label: "United States",
      value: "United States",
      areaCode: "+1",
      icon: "πŸ‡ΊπŸ‡Έ",
      id: "United-states"
    },
    {
      label: "Canada",
      value: "Canada",
      areaCode: "+1",
      icon: "πŸ‡¨πŸ‡¦",
      id: "canada"
    },
    {
      label: "Pakistan",
      value: "Pakistan",
      areaCode: "+92",
      icon: "πŸ‡΅πŸ‡°",
      id: "pakistan"
    }
  ];  


  return (
  <div>
    <Dropdown
        options={options}
        {...props}
    >
      {options.map((option) => (
        <Dropdown.Option key={option.id} 
            option={option}
            padding="sm"
        /> 
      ))}
    </Dropdown>
  </div>
  )
}

export default DropdownWithCustomPadding

Version data entries

102 entries across 102 versions & 2 rubygems

Version Path
playbook_ui_docs-13.30.0.pre.alpha.PBNTR353draggablev53136 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.30.0.pre.alpha.PBNTR353draggablev53136 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.30.0.pre.alpha.PLAY1328fixtimelinekitglobalpropsreact3096 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.30.0.pre.alpha.PLAY1328fixtimelinekitglobalpropsreact3096 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.30.0 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.29.0.pre.alpha.removeduplicatekitexampleclass3063 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.29.0.pre.alpha.removeduplicatekitexampleclass3063 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.29.0.pre.alpha.PBNTR329draggablev33060 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.29.0.pre.alpha.PBNTR329draggablev33060 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.29.0.pre.alpha.PBNTR329draggablev33059 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.29.0.pre.alpha.PBNTR329draggablev33059 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.29.0.pre.alpha.testingcollapsibleissue3052 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.29.0.pre.alpha.testingcollapsibleissue3052 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.29.0 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.28.0.pre.alpha.PBNTR297gradientoverlay3029 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.28.0.pre.alpha.PBNTR297gradientoverlay3029 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.28.0.pre.alpha.pbntr312tableheaderflexremoval3019 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.28.0.pre.alpha.pbntr312tableheaderflexremoval3019 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui_docs-13.28.0.pre.alpha.dialogturbostreameventlistener3017 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
playbook_ui-13.28.0.pre.alpha.dialogturbostreameventlistener3017 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx