Skip to content
the course
Reference · Components

Which component, and when

One short entry per component: what it is for, when to use it instead of the one next to it, and which states it needs. It answers which one do I use, not how do I build one. It is meant to be searched, not read.

No entry is written yet. The full index is below anyway, because the shape of what is coming should not be hidden: 35 components, each of which will get one page.

The index

CardPlanned
List rowPlanned
PanelPlanned
ModalPlanned
DrawerPlanned
PopoverPlanned
TooltipPlanned
TablePlanned
Data gridPlanned
Stat tilePlanned
ChartPlanned
Empty statePlanned
Form fieldPlanned
SelectPlanned
ComboboxPlanned
Date pickerPlanned
TogglePlanned
CheckboxPlanned
RadioPlanned
Button hierarchyPlanned
BadgePlanned
Status pillPlanned
AvatarPlanned
BreadcrumbPlanned
TabsPlanned
PaginationPlanned
ToastPlanned
BannerPlanned
SkeletonPlanned
ProgressPlanned
StepperPlanned
Command palettePlanned
SidebarPlanned
Filter barPlanned
Search fieldPlanned

The lessons come first. Reference entries are written alongside the part that needs them, so this fills in behind the chapters rather than in front of them.