Indicator

The Indicator component can be used as a small numerical value or status descriptor for UI elements.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add indicator

Indicator has many variants, variant, size and shape props.

View

Code

Indicator can be placed at the top or bottom of an element.

View

Code

Indicator can be used with text or icon.

View

Code

new

99+

Indicator can have an inverse color.

View

Code

View

Code