Select/Dropdown with search #1114
MMore
started this conversation in
Ideas / feature requests
Replies: 1 comment 1 reply
-
|
You can put anything inside dropdown. <div class="dropdown m-10">
<label tabindex="0" class="btn m-1">Click</label>
<div tabindex="0" class="dropdown-content p-4 shadow bg-base-100 rounded-box">
<!-- search input -->
<input type="text" placeholder="Search…" class="input input-sm input-bordered" />
<!-- spacer -->
<div class="h-4"></div>
<!-- checkbox -->
<label class="label cursor-pointer">
<span class="label-text">Bread</span>
<input type="checkbox" checked class="checkbox" />
</label>
<!-- checkbox -->
<label class="label cursor-pointer">
<span class="label-text">Milk</span>
<input type="checkbox" checked class="checkbox" />
</label>
<!-- checkbox -->
<label class="label cursor-pointer">
<span class="label-text">Apples</span>
<input type="checkbox" checked class="checkbox" />
</label>
<!-- spacer -->
<div class="h-4"></div>
<!-- button -->
<button class="btn btn-block btn-sm">Delete selected</button>
</div>
</div> |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hello,
looks like a cool library. Do you plan to extend the existing select/dropdown by a search. So that it's possible to search through a long list of select options. Something like this basically.
Beta Was this translation helpful? Give feedback.
All reactions