Badge

A small label for status or categorization.

Preview

Props

PropTypeDefaultDescription
variantstring'default'default, secondary, destructive, outline
childrenReactNodeBadge text

Usage

const { Badge } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Badge, null, 'New')
);

Variants