FragiolaFragiola UI
Documentation
Display

Table

A data table in semantic HTML, painted with palette roles only: no primitive and no family.

npx shadcn@latest add @fragiola/table
Table
Gallery

The grid is border-palette-line; the header and hover are bg-palette-soft; header text is text-palette-contrast; body text is text-palette-accent/85.

Badge

A small status indicator. Its one axis, variant (soft, solid, outline), is never a colour: tone arrives as a palette class, as on Clickable.

Avatar

A profile picture with a fallback for when the image is loading or fails. Its size comes from your className (default `size-10`).