Design System Glossary

Composability

Composability is the property that lets components combine into larger, useful structures without tight coupling — a <Card> accepting a <Heading>, a <Body> and a <Button> works whether the heading is a marketing slogan or an error message. It's the principle that makes atomic design practical and the reason compound components and polymorphic components are the dominant patterns today.

A composable system pays back twice. First, it shrinks the surface area — fewer components do more, because they combine. Second, it survives change: when a new use case appears, you compose existing parts instead of fighting the library. The opposite is a "configurable" system where every variation is a prop, which scales to roughly fifty props before collapsing under its own weight.