Sha256: ae676919e17e157dacc8d4ad0e7ca167eca2fb4e5d14134bf78870bcfdc68b8d

Contents?: true

Size: 522 Bytes

Versions: 515

Compression:

Stored size: 522 Bytes

Contents

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

const DropdownSubtleVariant = (props) => {

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


  return (
  <>
     <Dropdown
         options={options}
         separators={false}
         variant="subtle"
         {...props}
    />
  </>
  )
}

export default DropdownSubtleVariant

Version data entries

515 entries across 515 versions & 2 rubygems

Version Path
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.8.0 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
playbook_ui_docs-14.8.0.pre.rc.8 app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx