Skip to content

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