ឯកសា > Component

Tailwind CSS Navbar

The navbar component can be used to show a list of navigation links positioned on the top side of your page based on multiple layouts, sizes, and dropdowns

Default navbar

Use this example of a navigation bar built with the utility classes from Tailwind CSS to enable users to navigate across the pages of your website.

HTML

Navbar with search

Use this example of a navbar element to also show a search input element that you can integrate for a site-wide search.

HTML

Navbar with CTA button

Use the following navbar element to show a call to action button alongside the logo and page links.

HTML