Skip to content
DOL Studio

LMS Role Sidebar

Design: Stable Code: Design only lmsrole-scopednav 56 Figma sets 15 standalone [L] Menu DE/SAT management

Live preview

v3 deferred

Live preview intentionally deferred — this catalog entry is better served by real product use-cases via UI Registry integration than a synthetic JSX demo.

Figma source

Figma source 56 sets
Page
[L] [Collection] LMS role sidebar
Sets
56 + 15 standalone
Primary set
[L] Menu DE/SAT management · 8 variants Open in Figma →
Showing: [L] Menu DE/SAT management
11 other sets (+ 44 more not listed)
  • [L] Button/Sidebar collapes - Expand 2 variants Figma →
  • [L] Menu DE/ Entrance IELTS Junior 2 variants Figma →
  • [L] Menu DE/ GMAT Management 2 variants Figma →
  • [L] Menu DE/AI mock test 4 variants Figma →
  • [L] Menu DE/Assignment 2 variants Figma →
  • [L] Menu DE/Full test management 2 variants Figma →
  • [L] Menu DE/Material 2 variants Figma →
  • [L] Menu DE/TOEIC management 6 variants Figma →
  • [L] Menu/CD/Course management 2 variants Figma →
  • [L] Menu/CD/Course management 2 variants Figma →
  • [L] Menu/CD/Extra courses 2 variants Figma →

AI context

AI context

Markdown summary safe to paste into Claude / ChatGPT / Cursor — includes name, status, import, props, axes, examples, figma source. 

# LMS Role Sidebar
Slug: `lms-role-sidebar`
Domain: general · Category: navigation
Design: stable · Code: design-only


## Description
LMS role-scoped sidebars - 56 sets for IELTS sidebars, manage / root admin views, sidebar collapse-expand controls. Highest set count in DS.


## Figma source
Page: [L] [Collection] LMS role sidebar
Sets: 56
Primary: [L] Menu DE/SAT management
Open: https://www.figma.com/design/DqRd7UQkNGcdvYL5fwZxlf/?node-id=22164-32429

Related

  • Pressed

    Tabbar, Toggle

    Coded
  • S
    nav

    Sidebar

    Coded
    1. 1
    2. 2
      2
    3. 3
      3

    Steps

    Coded

  • Pagination

    Coded
  • HomeSectionCurrent

    Breadcrumb

    Coded
  • Nav item

    NavItem

    Code only

Status legend

Status legend
Stable
Design + code shipped, full DS parity.
Partial
Design ready, some variants/states missing in code.
Coded
Implemented in code; design canon may not yet exist.
Design only / Code only
One side present; awaiting the other.

Phase 1.X-5.2 detail view — read-only metadata. Code preview + recipe + live demo deferred (need @dol/ui registry integration).