Amount | UI components | Trending Society

Amount

from @bevel

A formatted figure with steady digits, in any currency and locale. Every amount in Bevel is one of these.

Install

New to shadcn? Set up your project

If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.

$pnpm dlx shadcn@latest init

Setup by framework · Configure a registry namespace

$pnpm dlx shadcn@latest add @bevel/amount

Live preview

No live preview has been built for this component yet.

Registry dependencies1

bevel

Packages1

cn

More from @bevel, 49 components

Activity log component
@bevel
A docket of what an agent did: thoughts, actions, questions, responses and errors, each timed. Questions waiting on you are highlighted.
AI1 registry dep · 1 package
Annunciator component
@bevel
A panel of alarm lamps from a control room. A new alarm flashes until someone acknowledges it, then stays lit while its condition lasts; one that clears unseen keeps flashing, so nothing passes unnoticed. For agent, build and system alerts.
Other1 registry dep · 2 packages
Approval component
@bevel
An action an agent wants to take, waiting for a person. Say what it does and what can't be undone; press and hold the brass seal to approve.
AI2 registry deps · 2 packages
Badge component
@bevel
A small printed plate with an indicator lamp, for status in tables, lists and headings. Five tones; a lamp is lit while its condition holds and dark when it doesn't. Lamps burn steady and never blink.
Data display1 registry dep · 2 packages
Breaker component
@bevel
A circuit breaker: on, off, or tripped until someone resets it. For spending caps, kill switches and feature flags.
Other2 registry deps · 2 packages
Citation component
@bevel
An exhibit sticker in the text that opens the exact passage it cites, with a stamp saying whether the source checks out.
Other2 registry deps · 2 packages
Contact sheet component
@bevel
A photographer's contact sheet: every frame at once on a strip of film, marked with a grease pencil. Circle the keepers, cross out the rest. For reviewing generated images, design variants and screenshots.
Overlays1 registry dep · 1 package
Delegation board component
@bevel
Pigeonholes for delegated work, one per subagent: its task slip, a lamp and a word for its status, and its progress. Finished work rises out of its cubby.
AI2 registry deps · 2 packages
Detent knob component
@bevel
A rotary switch that clicks into fixed positions and stops hard at both ends. For a few ordered settings where the order matters: reasoning effort, quality presets, verbosity.
Other2 registry deps · 1 package
Gauge and dial component
@bevel
A needle on a brass-bezelled scale. Gauge reads a value; Dial sets one, turned by drag or keyboard.
Other2 registry deps · 2 packages
Dialog component
@bevel
The lights go down and a panel rises onto the desk, screwed or stitched at its corners. Content has no padding of its own, so it hosts forms and command palettes alike; AlertDialog asks before something can't be undone.
Overlays1 registry dep · 2 packages
DIP switches component
@bevel
A bank of tiny numbered slide switches, ON at the top, as on a circuit board. Every flag is visible at once and the bank reads as one value. For feature flags, permission bits and config words.
Forms2 registry deps · 2 packages