joplin-notes/joplin notion extension/Web Development/CSS/Snippets/custom dropdown with bootstrap.md

custom dropdown with bootstrap

	
	<style>
		.mh-250{
			max-height: 250px;
		}
	</style>

  <div class="btn-group w-100 border">
                <button
                  type="button"
                  class="btn btn-secondary bg-transparent text-black fs-5 border-0 text-start"
                >
                  --Select--
                </button>
                <button
                  style="max-width: 50px"
                  class="btn btn-secondary dropdown-toggle dropdown-toggle-split p-2 bg-transparent text-black fit-content fs-5 border-0"
                  type="button"
                  id="dropdownMenuButton1"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                ></button>

                <ul
                  class="dropdown-menu mh-250 overflow-auto w-100"
                  id="yearSelect"
                  aria-labelledby="dropdownMenuButton1"
                >
                  <li><a class="dropdown-item" href="#">--Select-- </a></li>
                </ul>
              </div>