Amount

Primitive Content draft Gen UI part

Money. Always pass a number and a currency; the part formats it.

Examples

HTML and CSS

Framework-free reference. Styles live in system/components/amount-time.css and read only tokens. Wrap markup in .v-root.

Rendered markup of the anatomy example

Props and slots

The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.

Props

Prop	Values	Default
`value *`	number
`currency`	GBP \| USD \| EUR \| NGN	GBP
`size`	sm \| md \| lg \| display	sm
`tone`	default \| muted \| subtle \| accent \| accent-2 \| inverse \| on-accent
`strike`	boolean
`decimals`	number
`prefix`	string

* required.

Slot rules

No slots. This part takes no children.

In Gen UI

How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.

JSON node

Every node may also carry id, grow, attribution, privateOnly and fallbackText.

Rules that name this part

listitem-trailing List item trailing: Text, Amount, Time, Badge, an icon, text or small secondary/tonal Button, Toggle, Checkbox, Chip, Icon, Avatar.

Usage in recipes

5 of the original cards use it. Needed for V1. Priority table

Bot functions: Bill split and payments, Bookings, Email connect, Meet new people, Occasions and events, Trips.