Components to be designed
Notes
-
Colors: We should display these even though they are not components
-
Fonts: Looks good. Are these atoms or just styles?
-
Typography: We have headings and should also do p, label, ul, ol, li and other basic elements
Components
Category |
Component |
Comment |
Non-var properties |
Status |
Atoms |
Alignment box |
What is this? |
|
Clarification needed |
Atoms |
Attachment |
What is this? |
|
Clarification needed |
Atoms |
Avatar |
|
|
To be done |
Atoms |
Badge |
|
|
To be done |
Atoms |
Button |
We have primary and secondary. Do the plain states need to be done? |
min-width? |
Review |
Atoms |
CenteredColumn |
What is this? |
|
Clarification needed |
Atoms |
Checkbox |
There is an animation on this. Have the variables been applied? |
|
Review |
Atoms |
Colorize |
What is this? |
|
Clarification needed |
Atoms |
ErrorText |
What is this? |
|
Clarification needed |
Atoms |
File |
Deprecated: should we remove it? |
|
Clarification needed |
Atoms |
FilePicker |
Where is this placed on the UI at the moment? |
|
Clarification needed |
Atoms |
Flexbox |
Is this an atom? |
|
Clarification needed |
Atoms |
Heading |
Do we have the other heading sizes? Some variables are incorrect |
|
Review |
Atoms |
Icon |
|
|
To be done |
Atoms |
Link |
Looks fine. Is this done? |
|
Review |
Atoms |
Menu |
Looks fine. Should we name this select menu. I think of menu as the header type patterns. |
|
Review |
Atoms |
Radio |
There is an animation on this. Have the variables been applied? |
|
Review |
Atoms |
Section |
What is this? |
|
Clarification needed |
Atoms |
Spinner |
|
|
To be done |
Atoms |
StateItem |
What is this? |
|
Clarification needed |
Atoms |
Tags |
What is the difference between a tag and a keyword? |
|
To be done |
Atoms |
TextField |
|
|
Review |
Atoms |
UploadButton |
How is an upload button different from a button? |
|
Clarification needed |
Atoms |
UploadingFile |
What is this? |
|
Clarification needed |
Atoms |
ValidatedField |
|
|
Review |
Molecules |
AlignmentBoxWithLabel |
What is this? |
|
Clarification needed |
Molecules |
AlignmentTool |
What is this? |
|
Clarification needed |
Molecules |
AppBar |
|
|
To be done |
Molecules |
Attachments |
What is this? |
|
Clarification needed |
Molecules |
CheckboxGroup |
|
|
To be done |
Molecules |
EditableValue |
What is this? |
|
Clarification needed |
Molecules |
Files |
What is this? |
|
Clarification needed |
Molecules |
FileUploadList |
|
|
To be done |
Molecules |
PlainButton |
Is this a molecule? How is it different too the PlainButton in Buttons? |
|
Clarification needed |
Molecules |
RadioGroup |
Do we have a vertical one too? |
|
To be done |
Molecules |
StateList |
Are these breadcrumbs? |
|
To be done |
Molecules |
Steps |
Where are the atoms for this? |
|
To be done? |
Molecules |
Supplementary |
This looks like a molecule made of files? The name doesn't suggest a connection |
|
Clarification needed |
Molecules |
Upload |
Is this a molecule? How does it differ in use from UploadButton? |
|
Clarification needed |
Molecules |
YesOrNo |
Isn't this just a RadioGroup? |
|
Clarification needed |