Sha256: 39f936dfe7ecd7b346b793d9450f667b767321e5d95acd97ec6e6de089164f47

Contents?: true

Size: 1.96 KB

Versions: 161

Compression:

Stored size: 1.96 KB

Contents

import React from "react";
import MultiLevelSelect from "../_multi_level_select";

const treeData = [
  {
    label: "Power Home Remodeling",
    value: "Power Home Remodeling",
    id: "powerhome1",
    expanded: true,
    children: [
      {
        label: "People",
        value: "People",
        id: "people1",
        children: [
          {
            label: "Talent Acquisition",
            value: "Talent Acquisition",
            id: "talent1",
          },
          {
            label: "Business Affairs",
            value: "Business Affairs",
            id: "business1",
            children: [
              {
                label: "Initiatives",
                value: "Initiatives",
                id: "initiative1",
              },
              {
                label: "Learning & Development",
                value: "Learning & Development",
                id: "development1",
              },
            ],
          },
          {
            label: "People Experience",
            value: "People Experience",
            id: "experience1",
          },
        ],
      },
      {
        label: "Contact Center",
        value: "Contact Center",
        id: "contact1",
        children: [
          {
            label: "Appointment Management",
            value: "Appointment Management",
            id: "appointment1",
          },
          {
            label: "Customer Service",
            value: "Customer Service",
            id: "customer1",
          },
          {
            label: "Energy",
            value: "Energy",
            id: "energy1",
          },
        ],
      },
    ],
  },
];

const MultiLevelSelectDefault = (props) => {
  return (
    <div>
      <MultiLevelSelect
          id="multiselect-default"
          onSelect={(selectedNodes) =>
          console.log("Selected Items", selectedNodes)
          }
          treeData={treeData}
          {...props}
      />
    </div>
  );
};

export default MultiLevelSelectDefault;

Version data entries

161 entries across 161 versions & 2 rubygems

Version Path
playbook_ui_docs-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.1.pre.alpha.play716popoverkitcloseonclickissue833 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.1.pre.alpha.play716popoverkitcloseonclickissue833 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.1 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes825 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes825 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown822 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown822 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes821 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes821 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown818 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown818 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown817 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown817 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown815 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown815 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown813 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx