Components

A UI component is a reusable building block, such as a button, input, card or navigation item. Components can contain other components; not every component is interactive.

The illustration isolates an Add to Cart button from a larger product card and shows it reused. Its label, icon, shape and behavior should remain predictable wherever that action appears.

Define relevant interaction states as well as the default appearance. Reuse saves effort only when the component still works with different content and input methods.