Before building screens, we’ll need a rough implementation of most components from the style guide. Let’s build each component in its own issue, and use this one to help track them:
- (novice) #1938418: Add Content Header component
- (novice) #1938434: Add Typography component
- (intermediate) #1938436: Add Text Field and Search Field components
- (advanced, JS) #1945510: Add custom Select element and small variant
- (advanced, JS) #1945514: Add custom Checkbox and Radio controls
- (intermediate) #1945522: Add remaining buttons
- #1945562: Add Popup (Dropdown Menu and Popover)
- (intermediate) #1945526: Add Progress component and small variant
- (novice) #1945532: Add Fieldset component
- (intermediate, JS) #1945536: Add Details (collapsible) component
- (intermediate, JS) #1945542: Add Navigation Tabs
- (intermediate, JS) #1945544: Add Vertical Tabs
- (intermediate) #1945546: Add Table component and variants
- (novice) #1945548: Add pagination component
- (novice) #1945552: Add Nav List component
- (novice) #1945554: Add Messages component
- (advanced, JS) #1945556: Add Overlay and Modal components
Layout and microlayout
- #1932852: Decide on a grid framework
Micro Components
- #1938410: Add General-Purpose Icon Container component
- Close action (“×” button)
- Caret (triangle indicator, for dropdowns and table headers) Done!
- Spinner (ajax, replaces “throbber”)
These components are complex, we should leave them til last:
- Autocomplete Field (Text Field + Spinner + Dropdown Menu + Tokenized Input; requires JS)
- File Field
- Image Field