HLKCC Web Components Test
✅ Components Loaded
All Web Components are loaded and ready to use:
- ✓ hl-theme-picker
- ✓ hl-font-sizer
- ✓ hl-settings-fab
- ✓ hl-sidebar-nav
🎯 Quick Test
Use the Settings FAB (⚙️) in the bottom-right to test theme and font controls.
Use the sidebar to navigate between test sections.
Theme Picker Test
Standalone Theme Picker
This is the theme picker component used directly in the page:
With Project Default
Theme picker with project="mm" (MedicineMan defaults to Evergreen):
Font Sizer Test
Standalone Font Sizer
This is the font sizer component used directly in the page:
Custom Range
Font sizer with custom range (min="90" max="120" step="10"):
Event Log
Component Events
Events dispatched by components appear here:
[Ready] Waiting for events...