Every component state, listed before you build

A shared component is only as complete as the list of cases it was built for. This worksheet records what each component must support before you build it, and keeps that record for your next project.

For each component you note its consumers, public props, variants, size scale, spacing tokens, accessible name and keyboard behavior. It lists the gallery cases to render: default, hover, focus, disabled, loading, empty label prohibition, long label, narrow viewport and reduced motion.

It also covers a package check (name and exports present, local export targets existing after build) and a visual check against the real consumer, not only the gallery. You need only a text editor. It pairs with the Make your interface reusable guide. Provider accounts, model weights, GPU compute and hosting are not included.