Skip to main content

Sidebar Component

** Last Built**: September 2, 2025 at 4:19 PM The Sidebar component provides the side navigation panel for applications.

Basic Usage​

Live Editor
<div className="bg-gray-50 w-64 min-h-screen p-4">
  <nav className="space-y-2">
    <a href="#" className="block px-3 py-2 text-gray-700 hover:bg-gray-200 rounded">Dashboard</a>
    <a href="#" className="block px-3 py-2 text-gray-700 hover:bg-gray-200 rounded">Users</a>
    <a href="#" className="block px-3 py-2 text-gray-700 hover:bg-gray-200 rounded">Products</a>
    <a href="#" className="block px-3 py-2 text-gray-700 hover:bg-gray-200 rounded">Settings</a>
  </nav>
</div>
Result
Loading...