A component is not just a visual artefact. It is an API ÔÇö a contract between the design system and every developer who uses it.
Start With Usage, Not Structure
The biggest mistake is designing components from the inside out. Instead, start with how the component will be used. What does the developer need to pass? What should be automatic?
Sensible Defaults
A component with 20 required props is a nightmare. A button should work with just a label and click handler. Everything else ÔÇö size, variant, icon position ÔÇö should have sensible defaults that cover the 80% case.
