You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
The text was updated successfully, but these errors were encountered:
davicostalf
added
design
Indicates that the issue or pull request involves design considerations
idea
Suggestions or requests for enhancements to the software
labels
Aug 23, 2024
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:
The text was updated successfully, but these errors were encountered: