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.25.0.pre.alpha.PLAY818multilevelrebuild773 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.25.0.pre.alpha.PLAY818multilevelrebuild773 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.25.0.pre.alpha.PLAY818multilevelrebuild770 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.25.0.pre.alpha.PLAY818multilevelrebuild770 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.25.0.pre.alpha.play822bolddefaultfortitle3764 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.25.0.pre.alpha.play822bolddefaultfortitle3764 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.25.0.pre.alpha.PLAY733DetailKit761 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.25.0.pre.alpha.PLAY733DetailKit761 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.25.0.pre.alpha.railsmultilevelimprovements758 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.25.0.pre.alpha.railsmultilevelimprovements758 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.25.0 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.24.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown756 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.24.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown756 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.24.0.pre.alpha.play824753 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.24.0.pre.alpha.play824753 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.24.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown752 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.24.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown752 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.24.0.pre.alpha.play824751 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.24.0.pre.alpha.play824751 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui_docs-12.24.0.pre.alpha.railsmultilevelimprovements749 app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx