Contextual dates #292
jenthomson
started this conversation in
Components and patterns
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Existing
have not come across any existing similar patterns or Github discussions
When to use
Use the contextual date pattern to indicate important information about a date in a table to make it easier to scan, interpret and action where required.
How to use
Writing content
The date can be written as DD/MM/YY or DD Month YYYY, depending on the use case of the system
The label should be short and succinct. Recommend no more than 20 characters.
Never use this component without a label - the label provides the context to the visual highlight for accessibility.
Making sure it’s accessible
-- Bold 19px for the date
-- Regular 16px for the context
Implementing the code
Using it in context with other components and as part of a service?
Use flex-box to display multiple instances in one row
Using it in context with other components and as part of a service?
When to use variations? (if applicable)
First iteration will have only one variation
Things we don’t know enough about
Beta Was this translation helpful? Give feedback.
All reactions