Lab · Design system
Component Lab
A separate workspace package — @cansukaluc/ui — consumed live by this site. Each component is accessible (correct ARIA, full keyboard support), fully typed, and covered by Testing Library tests. Play with the controls below.
demonstrates: component architecture · accessibility · monorepo design system · testing
Button
Themeable, accessible. Forwards all native button props. Tweak the live controls.
Badge
Status labels across four tones.
neutralaccentsuccessdanger
Switch
ARIA switch pattern — role=switch, aria-checked, keyboard operable (Space/Enter).
on
Tabs
WAI-ARIA tabs — roving tabindex, arrow / Home / End navigation. Try the keyboard.
Full keyboard support and correct ARIA wiring.
Every prop is fully typed with exported types.
Behavior verified with Testing Library + user-event.