Amount

Formatted token amounts with signs and emphasis variants.

Sizes

Signs

Constrained

Usage

import type { Hex } from 'ox'
import { Amount } from 'regen-ui'

const amount: Amount.Amount = {
  amount: '0x6f05b59d3b20000' as Hex.Hex,
  decimals: 18,
  formatted: '50.00',
  symbol: 'PathUSD',
}

export function FeeAmount() {
  return <Amount amount={amount} size="md" />
}

API Reference

Amount.Props

Name	Type	Default	Description
`align`Optional	`'center' \| 'left' \| 'right'`	`'left'`	Horizontal alignment of the value.
`amount`Required	`Amount`	None	Amount object — fiat/crypto formatting is derived automatically.
`className`Optional	`string`	None	Additional class names.
`maxDecimals`Optional	`number`	None	Maximum fractional digits to show.
`precise`Optional	`boolean`	None	Whether to show nonzero sub-cent fiat values with significant digits.
`sign`Optional	`string`	`''`	Prefix character displayed before formatted values (e.g. `"−"` or `"+"`).
`size`Optional	`'lg' \| 'md' \| 'sm'`	`'sm'`	Size variant.
`strikethrough`Optional	`boolean`	None	Whether to strike through the values (e.g. sponsored fees). Also applies `text-foreground-secondary`.

alignOptional

Type'center' | 'left' | 'right'

Default'left'

Horizontal alignment of the value.

amountRequired

TypeAmount

DefaultNone

Amount object — fiat/crypto formatting is derived automatically.

classNameOptional

Typestring

DefaultNone

Additional class names.

maxDecimalsOptional

Typenumber

DefaultNone

Maximum fractional digits to show.

preciseOptional

Typeboolean

DefaultNone

Whether to show nonzero sub-cent fiat values with significant digits.

signOptional

Typestring

Default''

Prefix character displayed before formatted values (e.g. `"−"` or `"+"`).

sizeOptional

Type'lg' | 'md' | 'sm'

Default'sm'

Size variant.

strikethroughOptional

Typeboolean

DefaultNone

Whether to strike through the values (e.g. sponsored fees). Also applies `text-foreground-secondary`.

Amount.Amount

Name	Type	Default	Description
`decimals`Required	`number`	None	Token decimals used to format the raw hex amount.
`formatted`Required	`string`	None	Human-readable token amount.
`symbol`Required	`string`	None	Token symbol used for fiat or crypto display.
`amount`Conditional	`0x${string}`	None	Raw token amount as a hex quantity.
`value`Conditional	`0x${string}`	None	Raw token amount as a hex quantity.

decimalsRequired

Typenumber

DefaultNone

Token decimals used to format the raw hex amount.

formattedRequired

Typestring

DefaultNone

Human-readable token amount.

symbolRequired

Typestring

DefaultNone

Token symbol used for fiat or crypto display.

amountConditional

Type`0x${string}`

DefaultNone

Raw token amount as a hex quantity.

valueConditional

Type`0x${string}`

DefaultNone

Raw token amount as a hex quantity.