Amount Bar
A compact numeric input with composable accessories and value-transforming actions.
Default
Inline stake entry with quick adjustments.
Composition
Start with an input and accessory, then add actions with any button.
The bare minimum: an input and an accessory for a currency flag, code, or icon. Nothing else is required.
Actions are just buttons. Wrap any element in AmountBar.Action and give it a transform — it reads the current amount and sets the next one, so a plain Button can halve or double it.
pnpm dlx shadcn@latest add https://betui.fyi/r/amount-bar.json