Back to Design
Layer 4 — Components
Interactive Components
Interactive user interface components built using Material styles and enhanced with client-side JavaScript.
Tabs
Tab Swapping
Swap view panels instantly using native JIT client scripts.
Interactive Tabs Structure
<div class="flex gap-2 p-1 bg-zinc-100 dark:bg-zinc-900 rounded-xl"> <button class="py-1.5 px-3 rounded-lg text-xs font-bold bg-white dark:bg-zinc-800">Tab 1</button> <button class="py-1.5 px-3 rounded-lg text-xs font-semibold text-zinc-500">Tab 2</button> </div>
