You need to sign in or sign up before continuing.
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 |