holi test
Component library & implementation manual.
Typography
Display 01
The quick brown fox
Display 02
Jumps over the lazy dog
Body Text
We focus on the void. Precision over decoration.
Colors
bg
--color-bg text
--color-text accent
--color-accent border
--color-border Cards & Glass
| Prop | Type | Description |
|---|---|---|
clickable | boolean | Enables border-focus interaction |
intensity | number | Luminosity multiplier (0.5 to 2.0) |
variant | 'active' | Persistent accent boundary |
padding | 'none'|'sm'|'md'|'lg' | Internal spacing |
rounded | 'sm'|'md'|'lg'|'full' | Corner geometry |
Examples
Pure Depth
Intensity 0.5
High Density
Intensity 1.5
Active Boundary
Persistent light
Interactive Link →
Internal routing
Pill Geometry
Reactive Toggle
Preserve state
Interact with "Reactive Toggle" to verify state logic