Размещение 🌳 ☰ ⭐ — 10 вариантов

Живые макеты под текущий layout: зелёная шапка с 📍 ⊟ ⚙ ↻, панель с индексом и поиском, дерево ниже. Каждый вариант показывает, куда перенести переключатель режимов.

Открыть каталог: /examples/sidebar-menu-view-placement/ · Предыдущие наборы: v1, v2

01 · В шапке слева от pin

~+0px к панели

Компактный сегмент 22×22 перед 📍. Панель = только индекс + поиск.

Открыть

02 · Вместо заголовка

~−34px панели

Режим заменяет текст «Дерево и поиск». Chevron остаётся слева.

Открыть

03 · Справа от поиска

~−28px

Одна строка: поиск + три иконки. Убирает отдельный ряд кластера.

Открыть

04 · Ghost strip

~+22px, но легче

Текстовые ghost-кнопки под поиском без рамки кластера.

Открыть

05 · В настройках

~−28px

Chip «Режим: Дерево» + раскрытие в popover. Минимум шума.

Открыть

06 · Dropdown

~−24px

Одна кнопка «Режим: Дерево ▾» над индексом.

Открыть

07 · Текстовые табы

~+6px

Дерево | Список | Закладки — понятнее emoji.

Открыть

08 · Над деревом

~−28px панели

Полоска режимов между поиском и первой строкой дерева.

Открыть

09 · Hover reveal

34px → 68px

Режимы скрыты, появляются при hover на панель.

Открыть

10 · Footer сайдбара

~−28px панели

Режимы внизу сайдбара, отдельно от навигации.

Открыть