We use numeric information in multiple components, but we have no guideline in Shoreline on how they should be formatted. Ideally, it should be very clear to designers what formats they should follow and it should be very easy for developers to implement these formats.
Solution
There are already some clues on what directions we should follow:
Using a format for currency such as "0,000.00 USD" is more precise than "$0,000.00" since multiple currencies use the dollar sign.
Using a format for date such as "Mon DD, YYYY" seems more precise than "00/00/0000" since depending on the person's culture it can be interpreted either as "DD/MM/YYYY" or "MM/DD/YYYY".
Usage examples
Date pickers, table column cells, information in cards, filters, etc.
Dependencies
We need to align with the localization and education team on a direction.
References
There is documentation from other design systems that we can use as basis. For example:
Problem
We use numeric information in multiple components, but we have no guideline in Shoreline on how they should be formatted. Ideally, it should be very clear to designers what formats they should follow and it should be very easy for developers to implement these formats.
Solution
There are already some clues on what directions we should follow:
Some things that I would like to note:
Usage examples
Date pickers, table column cells, information in cards, filters, etc.
Dependencies
We need to align with the localization and education team on a direction.
References
There is documentation from other design systems that we can use as basis. For example: