With DaisyUI how do you add a dropdown to a text input, as in when the text input is activated the dropdown activates ?

All Questions

With DaisyUI how do you add a dropdown to a text input, as in when the text input is activated the dropdown activates ?

Asked the question here too: https://github.com/saadeghi/daisyui/discussions/997#discussion-4275917

Jasper Schoormans Marc Lou

author Suvojit Manna

Reply

3 Answers

This seems to work for me…

Input your name<br/> <div class=“dropdown dropdown-end”>

<!– <label tabindex=“0’ class=“btn btn-circle btn-ghost btn-xs text-info”> test </label> –> <input type=“text” placeholder=“Type here” class=“input w-full max-w-xs” />

<div tabindex=“0” class=“card compact dropdown-content shadow bg-base-100 rounded-box w-64’> <div class=“card-body”> <h2 class=“card-title”>You needed more info?</h2> <p>Here is a description!</p> </div> </div> </div>

writen by Jasper Schoormans

Oh cool! Thanks Jasper 😊

writen by Suvojit Manna

Do you want to ask a question?

Related Questions