Wiki Article · Cinematic

Drawer (GUI)

Drawer ek GUI component hai jo screen ke kisi ek edge (usually left side) se slide karke aata hai,…

Overview

Drawer (GUI) — Quick Facts

📌

Property: Detail

🎯

Topic: Drawer (GUI)

⚡

Category: UI/UX Design, Navigation Patterns,…

🔑

Type: Sliding panel / Side navigation…

Topic 1

Infobox

📚 | Property | Detail | |---|---| | Topic | Drawer (GUI) | | Category | UI/UX Design,…

Topic 2

Real-life Analogies

💡

Sliding door band = Drawer closed…

🔑

Door ka handle = Hamburger icon…

⚡

Door slide karke kholi = Drawer…

🎯

Balcony dikhti hai = Navigation…

Topic 3

How Drawer Works

💡

Drawer hidden hai — screen par…

🔑

Hamburger icon (☰) visible hota…

⚡

Screen ka pura area main content…

🎯

User hamburger icon (☰) tap karta…

Topic 4

Drawer State Flow — Mermaid Diagram

⭐ `mermaid stateDiagram-v2 [*] --> Closed Closed --> Opening : User taps ☰ / Swipe from…

Topic 5

Types of Drawers

🔑 | Type | Behavior | When to Use | Example | |---|---|---|---| | Modal Drawer | Overlay —…

Topic 6

Drawer vs Other Navigation Patterns

Topic 7

Best Practices and Accessibility

🌟 | Best Practice | Why It Matters | |---|---| | Hamburger icon clearly visible | User ko…

Comparison

Drawer vs Other Navigation Patterns

⚖️

Position: Side (left/right) hidden

⚖️

Visibility: Hidden by default

⚖️

Trigger: Hamburger ☰ / swipe

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quiz — Question 1

Drawer (GUI) ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

Drawer (GUI) ka 'Topic' kya hai?

Complete! 🎉

Drawer (GUI) Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Drawer (GUI) Complete

➡️

Drawer (GUI)

Drawer (GUI) — Quick Facts

Property: Detail

Topic: Drawer (GUI)

Category: UI/UX Design, Navigation Patterns,…

Type: Sliding panel / Side navigation…

Infobox

Real-life Analogies

Sliding door band = Drawer closed…

Door ka handle = Hamburger icon…

Door slide karke kholi = Drawer…

Balcony dikhti hai = Navigation…

How Drawer Works

Drawer hidden hai — screen par…

Hamburger icon (☰) visible hota…

Screen ka pura area main content…

User hamburger icon (☰) tap karta…

Drawer State Flow — Mermaid Diagram

Types of Drawers

Drawer vs Other Navigation Patterns

Best Practices and Accessibility

Drawer vs Other Navigation Patterns

Position: Side (left/right) hidden

Visibility: Hidden by default

Trigger: Hamburger ☰ / swipe

Visual Flow

See Also

Navigation

Hamburger menu

Sidebar

User interface

Material Design

Mobile app

Quiz — Question 1

Quiz — Question 2

Drawer (GUI) Complete!

Drawer (GUI) Complete

Navigation