Counter

Installation

Install from the package for shared ownership or from the registry for copy-paste control.

Package Manager

pnpm add @glinui/ui @glinui/tokens

Registry

pnpm dlx @glinui/cli@latest add counter

Usage

1import { Counter } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <div className="flex items-center gap-2">
6      <Counter value={7} />
7      <Counter variant="glass" value={32} />
8      <Counter variant="outline" value={120} max={99} />
9    </div>
10  )
11}

Accessibility

• Use `aria-label` to describe what the count represents.

Reduced Motion

Counter updates are static by default with no animated value tweening.

API Reference

Source

Import directly from the package or browse the source on GitHub. Click any file to view it.

import { Counter } from "@glinui/ui"