<div class="max-w-sm w-full rounded-t-lg"><a class="group block px-3.5 py-1.5 bg-white border rounded-t-lg" href="#">
<div class="flex flex-wrap items-center justify-between -m-2">
<div class="w-auto p-2">
<h3 class="font-heading">Select a Company</h3>
</div>
<div class="w-auto p-2">
<svg class="relative -top-px text-neutral-300 group-hover:text-neutral-400" width="16" height="23" viewbox="0 0 16 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6673 9.5L8.00065 14.1667L3.33398 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div></a>
<div class="relative overflow-hidden">
<div class="static top-0 left-0 bg-white border-l border-r border-b rounded-b-lg">
<div class="flex flex-wrap px-5 pt-5 pb-2 -m-3">
<div class="w-full p-3"><a class="block" href="#">
<div class="flex flex-wrap -m-2">
<div class="w-auto p-2"><img src="dashy-assets/images/company.svg" alt=""/></div>
<div class="w-auto p-2">
<h3 class="font-heading mb-0.5 text-sm font-medium">Labdrill</h3><span class="text-sm text-neutral-500">11-50 Members</span>
</div>
</div></a></div>
<div class="w-full p-3"><a class="block" href="#">
<div class="flex flex-wrap -m-2">
<div class="w-auto p-2"><img src="dashy-assets/images/company3.svg" alt=""/></div>
<div class="w-auto p-2">
<h3 class="font-heading mb-0.5 text-sm font-medium">Bioplex</h3><span class="text-sm text-neutral-500">1-10 Members</span>
</div>
</div></a></div>
<div class="w-full p-3"><a class="block" href="#">
<div class="flex flex-wrap -m-2">
<div class="w-auto p-2"><img src="dashy-assets/images/company2.svg" alt=""/></div>
<div class="w-auto p-2">
<h3 class="font-heading mb-0.5 text-sm font-medium">Y-corporation</h3><span class="text-sm text-neutral-500">50-100 Members</span>
</div>
</div></a></div>
</div>
</div>
</div>
</div>Framework
All Frameworks
UI Library
All Libraries
Components
- Advanced inputs 18
- Alert 276
- Application 231
- Banners 101
- Benefits 16
- Blog 289
- Breadcrumbs 27
- Call to action 420
- Cards 43
- Careers 44
- Confirmation 6
- Contact 194
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- Dropdowns 4
- E-commerce (orders) 87
- E-commerce (products) 145
- Empty state 4
- FAQ 189
- Features 535
- Footers 274
- Forms 9
- Gallery 5
- Graphs 85
- HTTP codes 216
- Hero section 360
- How it works 231
- Instagram photos 5
- Integrations 5
- Logo clouds 348
- Modals 48
- Navbar 308
- Navigation (horizontal) 449
- Navigation (vertical) 28
- Newsletter 222
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 227
- Product info 5
- Projects 15
- Reviews 46
- Rich text 6
- Sign in / Sign up 343
- Snackbars 10
- Stats 292
- Steps 7
- Steps 5
- Tables 174
- Tabs 2
- Team 212
- Testimonials 251
- Users 59
Component #1
Component #2
Component #3
Component #4
Dropdowns Components by Shuffle
Choose from 4 variations of Dropdowns UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
