Badge

@sushindustries/ui

A word wearing a fill, in the site's own tone pairs - a badge invents no colour of its own.

4 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
childrenReactNode-
tone?string-Colour family, resolved by the stylesheet. Absent is the quiet default.

Notes

BadgeBadgeA word wearing a fill, in the site's own tone pairs - a badge invents no colour of its own.@sushindustries/ui · content has no href or onClick - it is always a <span>. Wrapping it in a link or a button is the caller's job, and doing so changes nothing about the badge's own markup or styling.