🧪 QA Playground · Component Test Suite
interactive | v2.0 | live console
🔘 Button Matrix
Primary Action
Secondary
Outline
⚠️ Show Alert
🍞 Show Toast
⚡ Counter:
0
+1
Reset
📝 Live Input Test
📛 Text field (mirror)
→ Test entry
🎚️ Range slider
50
🗂️ Select dropdown
Option Alpha
Option Beta
Option Gamma
📋 Textarea (simple)
✅ Selection Controls
🔔 Enable Notifications
🌙 Dark mode (mock)
📡 Radio group:
Small
Medium
Large
📎 Switch style (checkbox toggle):
🔘 Experimental flag
OFF
🎨 Color & Events
🎨 Color picker
📅 Date (test input)
📌 Log current state
🧹 Reset mock form
💡 Click "Log state" to see all values in console panel
📋 LIVE EVENT CONSOLE
Clear logs
✅ System ready · Test index loaded
🖱️ Interact with any component → events appear here