What is a component catalog?

Definition

A component catalog describes the interface elements available to a product, such as fields, cards, charts, tables, navigation, and actions. Each entry can include properties, allowed content, interaction behavior, accessibility requirements, and compatibility with other components.

A model can use the catalog as a bounded vocabulary for generating interfaces. The catalog improves consistency and validation because the renderer receives known component identities rather than arbitrary markup or executable code.

ELI5

A component catalog is a menu of trusted pieces that can be used to build an interface. It explains what each piece does, what information it needs, and where it is allowed to appear.

For example, a catalog might offer an approved bar chart that accepts a title and a list of values. A model can select that chart for a comparison without designing a new chart component from scratch.

Frequently asked questions

How is a component catalog different from a design system?

The catalog is the structured inventory of usable components, while the design system also includes broader visual, behavioral, content, and governance guidance.

Why should a component catalog include machine-readable details?

Machine-readable properties and rules let software validate a model's choices before rendering the requested interface.

Videos explaining component catalog