FragiolaFragiola UI
Documentation
Navigation

Pagination

A strip of page links, all `Clickable`. The current page carries `aria-current="page"` and stands out by its fill, never by a colour.

npx shadcn@latest add @fragiola/pagination
Pagination
Gallery

All Clickable, no button style

Link is Clickable.Link, Previous and Next are Clickable.Link with an icon. The current page uses variant="outline" (a fill strategy), not a colour. The previous/next chevrons invert under RTL via rtl:rotate-180 — there is no logical utility for icon direction.

Parts

PartSource
Root<nav aria-label>
LinkClickable.Link
Previous / NextClickable.Link + icon
Ellipsisdecorative <span> + sr-only

Navigation Menu

A strip of triggers that each open a popup, with a viewport that resizes between items. The popup is `popup.content`, as in dropdown-menu.

Breadcrumb

A navigation trail: a semantic `<nav>` with an ordered list, where the last item is the current page (aria-current), not a link.

On this page

All Clickable, no button styleParts