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 (default... with ids only)", selectedNodes)
          }
          treeData={treeData}
          {...props}
      />
    </div>
  );
};

export default MultiLevelSelectDefault;

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-12.26.0.pre.alpha.railsmultilevelimprovements805	app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
playbook_ui-12.26.0.pre.alpha.railsmultilevelimprovements805	app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx