Tailwind CSS React Breadcrumbs - Horizon UI

Use our Tailwind CSS React Breadcrumbs component to simply create beautiful Breadcrumbs for your pages with Horizon UI.

Breadcrumbs are website links that allow users to track where they are on a website and how far they are from the homepage. They are highly important elements for your search engine optimisation (SEO) and user experience.

See below our versatile Breadcrumbs component example that you can use in your Tailwind CSS and React project.

<a className="text-sm font-normal text-navy-700 hover:underline dark:text-white dark:hover:text-white" href="#">
  Pages
  <span className="mx-1 text-sm text-navy-700 hover:text-navy-700 dark:text-white">
    {" "}
    /{" "}
  </span>
</a>
<Link
  className="text-sm font-normal capitalize text-navy-700 hover:underline dark:text-white dark:hover:text-white" to="#">
  Main Dashboard
</Link>