<.dm_tree_select
  id="tree-select-single-default"
  options={[%{label: "Fruits", value: "fruits", children: [%{label: "Apple", value: "apple"}, %{label: "Banana", value: "banana"}]}, %{label: "Vegetables", value: "vegs", children: [%{label: "Carrot", value: "carrot"}]}]}
  placeholder="Select item..."
 />

<.dm_tree_select
  id="tree-select-single-expanded"
  open
  options={[%{label: "Fruits", value: "fruits", children: [%{label: "Apple", value: "apple"}, %{label: "Banana", value: "banana"}]}, %{label: "Vegetables", value: "vegs", children: [%{label: "Carrot", value: "carrot"}]}]}
  selected={["apple"]}
  expanded={["fruits"]}
  show_path
 />

<.dm_tree_select
  id="tree-select-single-multiple"
  options={[%{label: "Alpha", value: "a"}, %{label: "Beta", value: "b"}, %{label: "Gamma", value: "c"}]}
  selected={["a", "b"]}
  multiple
 />