Currency

Use to display monetary amounts, typically on dashboards or other layouts to show an overview or summary. User understanding increase when paired with labels.
Cents is automatically ".00" unless other wise overwritten (i.e. unit prop).

Variants


Size


Alignment


No Symbol


Abbreviate Larger Amounts


Matching Decimals


Unstyled


For alternative typography styles, you can pass a boolean prop called unstyled to the Currency kit and wrap it in any of our typography kits (Title, Body, Caption, etc.). This will allow the Currency kit to inherit any of our typography styles.


UI Samples using Currency Kit

Get the full picture. See how this kit is used in our samples.

Available Props