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 |