To make the list of components in the sidebar easier to scan/find a component, and to group linked parent/child components for clarity (e.g. Tabs and Tab), we have decided to add some component groups. These groups will consist of a name and an expandable section in the sidebar.
The table below outlines the proposed groups and includes known core components that exist in Codex or will be built at some point. Note that there are other components that may be added to Codex in the future, so this is not an exhaustive list. Other groups may be added in the future if a need arises.
Components not yet build in Codex are italicized.
| Group name | Components included |
| --------------- | --------------------------|
| Buttons | Button, //ButtonGroup//, //FloatingButton//, ToggleButton |
| Chips | //InfoChip//, //FilterChip// |
| Inputs & Controls | Checkbox, //ChipInput//, Combobox, //DateInput//, //DatePicker//, //FileInput//, Lookup, //NumberInput//, Radio, Select, //Textarea//, TextInput, ToggleSwitch |
| Menu | Menu, MenuItem |
| Messages | Message, //ToastNotification//, //ValidationMessage// |
| Progress | //ProgressIndicator//, ProgressBar |
| Search | SearchInput, TypeaheadSearch |
| Tabs | Tabs, Tab |
Components that are not part of a group:
- //Badge//
- //Card// (needs name change)
- //Dialog// (although we might add a Dialogs group if we determine that there needs to be multiple separate Dialog components)
- //Diff//
- //Field//
- Icon
- //Link//
- //Table//
- //Tooltip//
---
#### Acceptance criteria
[ ] Ask team for final feedback on initial groups implementation
[ ] Implement groups on VitePress site