chore: dropdown example updates

HoyosJuan · HoyosJuan · commit 96dec72cdb7b · 2026-01-06T16:29:11.000-05:00
diff --git a/packages/core/src/components/Dropdown/example.html b/packages/core/src/components/Dropdown/example.html
@@ -28,8 +28,8 @@
 
 <body>
   <div style="display: flex; flex-direction: column; gap: 0.35rem; width: 15rem;">
-    <bim-dropdown id="my-dropdown-1" label="IFC Entity" multiple>
-      <bim-option label="IfcWindow" checked></bim-option>
+    <bim-dropdown id="my-dropdown-1" label="IFC Entity" multiple icon="iconamoon:home-fill">
+      <bim-option label-hidden label="IfcWindow" checked icon="iconamoon:home-fill"></bim-option>
       <bim-option label="IfcWall"></bim-option>
       <bim-option label="IfcSlab"></bim-option>
     </bim-dropdown>
@@ -39,7 +39,7 @@
     <bim-dropdown label="Vertical Layout" vertical>
       <bim-option label="IfcSlab"></bim-option>
     </bim-dropdown>
-    <bim-dropdown id="my-dropdown-2" required></bim-dropdown>
+    <bim-dropdown id="my-dropdown-2" required search-box></bim-dropdown>
   </div>
   <script type="module" src="./example.ts"></script>
 </body>
diff --git a/packages/obc/src/components/tables/TopicsList/example.ts b/packages/obc/src/components/tables/TopicsList/example.ts
@@ -186,6 +186,11 @@ const [topicForm, updateTopicForm] = CUI.forms.topic({
   styles: { users },
 });
 
+// Optionally, you can activate the dropdown searchbox for the 
+// assignee input in case you have too many users in your app.
+const assigneeDropdown = topicForm.querySelector<BUI.Dropdown>("bim-dropdown[name='assignedTo']")
+if (assigneeDropdown) assigneeDropdown.searchBox = true
+
 // We won't add the form directly to the page, but will wrap it inside a dialog element to show it as a modal.
 const topicsModal = BUI.Component.create<HTMLDialogElement>(() => {
   return BUI.html`
