ADS-003B · Build 4
Design System IDE
IDEDe geïntegreerde ontwikkelomgeving voor preview, code, tokens, accessibility, QA, dependencies en framework-export.
Live component
Wijzig de eigenschappen in de Inspector. De component en code worden direct bijgewerkt.
Interactive engine
Live renderingButton playground actief
Framework export
Generated implementation
1
<button class="ads-button ads-button--primary" type="button">Nieuwe website</button>UTF-8HTMLRead-only generatedNo diagnostics
Token explorer
6 activeResolved design tokens
Primitive
Semantic
Component
Accessibility center
100%Automated and manual checks
100A11y score
Alle verplichte controles zijn geslaagd voor de huidige configuratie.
WCAG 2.2 AA · Keyboard · Focus · SemanticsContrastAA Passed7.2:1KeyboardPassedNative activationFocusPassedVisible 3px ringARIANot requiredNative semanticsTarget sizePassed44 × 44 minimumReduced motionSupportedMotion token aware
Quality center
100%Release readiness
Visual regression12 / 12Responsive3 / 3Themes2 / 2DocumentationComplete
Component history
Current 1.2.0Versions and activity
- 1.2.0Loading state, live playground en framework-export toegevoegd.
- 1.1.0Danger variant en iconposities toegevoegd.
- 1.0.0Canonical foundation release.