a production ready UI component
level 1
- has a use case
- meets all requirements of that use case
- has stories
- is easily adoptable (easy for dev to copy-and-paste source code into own project)
- has only configurations needed for an actual use case (wait for future use case to drive new config impl)
- matches the look and feel of the overall library theme
- meets at least WCAG 2.0 accessibility criteria
- it renders barebones loading skeleton, loaded, and error states appropriately
- has visual snapshot stored in source control used for regression testing
- has tests that provide confidence that it renders and behaves as expected in every popular viewport width and browser
- is importable from parent lib with easy `import ComponentName from "PARENT_LIB";` statement
- has default props, like className
level 2
- has been adopted and used in production use cases by 3 or more teams, who have products with 100 or more daily active users each, for a duration of least 3 months, with 95% or better availability