# sidebar

> Dashboard sidebar with username and logout slider.

- Author: Development Team
- Repository: samnababar/todo-phase-3
- Version: 20260206123506
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/samnababar/todo-phase-3
- Web: https://mule.run/skillshub/@@samnababar/todo-phase-3~sidebar:20260206123506

---

---
name: sidebar
description: Dashboard sidebar with username and logout slider.
---

# Sidebar Skill

## Purpose
Persistent navigation with user context.

## Process
1. Fixed dark sidebar (#0F0F0F)
2. Top: User avatar + username
3. Middle: Navigation links (Dashboard, Tasks, Settings)
4. Bottom: Logout slider/button
5. Violet active state indicator

## Examples
Active link: border-l-4 border-[#8B5CF6] bg-[#1A1A1A]

## Guidelines
- Collapsible on mobile
- Use obsidian-theme-skill
- Smooth hover effects