WireScript
Components

badge

Small label or tag.

A small label for status indicators, counts, or tags.

Usage

Variants

Properties

accepts content

Sizing

PropertyTypeDefault
:fullflag-
:fitflag-
:fillflag-

Dimensions

PropertyTypeDefault
:widthany-
:heightany-

Position

PropertyTypeDefault
:stickyflag-
:fixedflag-
:absoluteflag-
:relativeflag-
:topnumber-
:leftnumber-
:rightnumber-
:bottomnumber-

Variants

PropertyTypeDefault
:primaryflag-
:secondaryflag-
:ghostflag-
:dangerflag-
:successflag-
:warningflag-
:infoflag-

Input

PropertyTypeDefault
:valueany-

Examples

Status Badges

With Count

Tags

Table Status

User Role

Notification Badge

Feature Tags

Pricing Tier

On this page