Skip to content

Component List

Jonathan Langlois edited this page Dec 1, 2020 · 11 revisions
  • Button
  • Link
  • Input
  • TextArea
  • RadioGroup (Has RadioGroup.Item for radios) e.g
<RadioGroup name="" title="">
  <RadioGroup.Item label="string"/>
  <RadioGroup.Item label="string2" />
</RadioGroup>
  • CheckboxGroup, similar to above e.g
<CheckboxGroup name="" title="">
  <CheckboxGroup.Item label="string"/>
  <CheckboxGroup.Item label="string2" />
</CheckboxGroup>
  • Checkbox
    • Standalone, Note that in this setup checkbox and checkboxgroup.item are interchangeable
  • Fieldset
  • Textarea
  • DatePicker (consider the cases):
    • JS enabled: fancy custom datepicker (choose library, make sure compatible with type="date")
    • CSS but JS: html5 datepicker with theme style
    • no CSS, JS: html5 datepicker with default browser style
    • no html5: just input text
  • Message (alert, hint)
  • FilePicker (consider datepicker cases)
  • Header
  • Footer
  • Container
  • Row
  • Col
  • SelectGroup with items e.g
<SelectGroup name="" title="">
  <SelectGroup.Item label="string"/>
  <SelectGroup.Item label="string2" />
</SelectGroup>

Notes:

  • Components will pass forward received props, e.g the input element will pass forward received props to an input tag for attributes such as maxlength. Current documentation focuses on custom props and needs to be expanded to reflect this
Clone this wiki locally