Skip to content
harv components
← Gallery
elementstableutility

Badge

Small label for layer, status, and tags. From my site's badge, reduced to monotone.

harv (personal site) · used in harv, harv-components · no dependencies

Badge

Examples

Variants

defaultsecondaryoutline

Status chips

elementstableutility

API reference

PropTypeDefaultDescription
variant"default" | "secondary" | "outline""default"Visual treatment. Default is inverted; secondary is tonal; outline is bordered.

Changelog

2026-10-07 — v0.1.0 — initial release

  • Default, secondary, and outline variants as documented.

Previews on this page render from the entry's own source file — registry/harv/badge/badge.tsx. No demo copies.