domains / families / design / break
break
separate
Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it.
When to use
- Stress testing a single component
- Rendering component under worst-case scenarios
- Generating a visual report of component breaks
- Isolating component behavior from context
When not to use
- Reviewing code against standards
- Exploring design alternatives
- Working through product states one at a time
- Judging component appearance in context
- Fixing issues unasked
- Instrumenting or debugging browsers
Skill page
Source