Component Library
Design Processes
Repository of reusable design elements.
In practice
Within a Design System, a Component Library consists of reusable UI elements and modules. Designers use Component Libraries to maintain consistency and efficiency in UI design by reusing predefined components. Component Libraries facilitate rapid prototyping, reduce design inconsistencies, and ensure that user interfaces adhere to established design patterns.
Questions
What is Component Library?
A component library is the built, working set of interface pieces a product is assembled from (buttons, fields, cards) held in code rather than only in a design file.
Why do you use Component Library?
It stops the same button being rebuilt fifty slightly different ways, and it makes a change in one place appear everywhere at once.
How do you use/apply Component Library?
Build each piece to be composable and unopinionated about context, document its states, and make it easier to use than to rewrite.
When do you use Component Library?
As soon as more than one person is building the same interface.
Who uses Component Library?
Design system teams; consumed by every designer and front-end engineer on the product.
