Latest Tailwind Components

Responsive HTML building blocks for marketing, applications, dashboards and more.

Search Bar

View Show Code

<div class="flex items-center border rounded-full py-2 px-4 bg-white w-full max-w-lg mx-auto"> <input type="text" placeholder="Search for users, posts, or groups" class="w-full appearance-none focus:outline-none" /> <button class="ml-2"> <i class="fas fa-search"></i> </button> </div>

<js-component src="social/search_bar"></js-component>