IInbox
Components

Breadcrumb

Where you are, not just how you got here.

Installation

npx shadcn@latest add https://ui.whoisroktim.lol/r/breadcrumb.json

The current page is included, and is not a link

Dropping it loses the answer to "where am I". Linking it invites a click that reloads the page you are on. So it renders in text/primary with aria-current="page", and only the ancestors are anchors.

PropTypeDefaultDescription
items{ label, href?, onClick? }[]—Ancestors first, current page last.

Tabs

An underline tab set, with counts that cannot reflow their label.

Pagination

One filled pill, and the ends always reachable.

On this page

InstallationThe current page is included, and is not a link