Design pattern library: Smaller notations and state variations
Problem
When designing #83 (closed) I needed the following states and variations for our notation component:
- Disabled
- Warning
- Danger
- Success
- And smaller variations of all of them, to use in smaller viewports (using
ui/08-small/…
text styles)
Solution
Example(s)
Misc. states | Small and disabled notations in practice |
---|---|
Pattern checklist
Make sure these are completed before closing the issue, with a link to the relevant commit, if applicable.
-
Ensure that you have broken things down into atoms, molecules, and organisms. -
Check that you have not created a duplicate of an existing pattern. -
Ensure that you have used the proper method for creating the pattern depending on the complexity. Atoms and molecules are symbols, organisms are groups. -
Make sure that typography is using text styles. When applicable used shared styles for colors. -
QA check by another UXer -
Add changes to the pattern library -
Add a merge request that includes any new or updated guidelines to the Design System -
Add an agenda item to the next UX weekly call to inform everyone (if new pattern, not yet used in the application)
/cc @cperessini @dimitrieh @hazelyang @jkarthik @pedroms @sarrahvesselov @sarahod @tauriedavis @katokpara @matejlatin @andyvolpe
Edited by Pedro Moreira da Silva