Перейти к содержимому

CoreSidebar

Примеры использования и документация.

Выезжающая панель для контента, связанного с текущей задачей: пользователь правит детали или читает контекст, не покидая страницу. Берите для панелей настроек, деталей записи, корзины и фильтров; side="bottom" превращает панель в bottom sheet на мобильных.

Технические детали: рендерится в #teleports, стороны left | right | bottom. Панель — role="dialog" c aria-modal, title шапки используется как aria-labelledby. Встроена в стек оверлеев (name — идентификатор в стеке и query ?overlay=), порядок слоёв и Esc согласованы с модалками: Esc закрывает только вершину стека. Управление — через v-model (двусторонняя синхронизация со стеком) или императивно через useOverlays. Слоты header / default / footer для шапки, содержимого и подвала.

Стек: пусто

бургер: aria-expanded + aria-controls, внутри — nav-landmark с aria-current