UI виджет Sidebar

HTML5 Sidebar - это компонент с иехархической структурой элементов, которые можно свернуть в навигационную панель с иконками. Sidebar поможет пользователям быстро находить наиболее часто используемые функции приложения и экономит пространство страницы приложения.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех браузерах (IE8+)
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

Sidebar легко настроить. Webix позволяет определять его работу и внешний вид. Вы можете также добавить иконку, с помощью которой можно скрывать и разворачивать Sidebar.

Свернутый Sidebar

У Sidebar два режима: свернутый и полный. Если вам важно, чтобы боковое меню не занимало много места, инициализируйте Sidebar в свернутом виде и просматривайте опции меню во всплывающих окнах, которые откроются при наведении курсора на иконки. Для большего удобства, вы можете добавить виджету иконку, по клику на которую его можно будет разворачивать и сворачивать.

Многоуровневый Sidebar

Легко создавайте Sidebar с несколькими уровнями подпунктов меню.

Кликайте по опциям Sidebar, чтобы увидеть все подпункты

Настройка параметров

Используя JSON формат, вы сможете быстро задать опции Sidebar и добавить им иконки. Вы сможете задавать высоту опций Sidebar, применить свои CSS классы к виджету, определить его вид в свернутом и развернутом состояниях с помощью template и т.д.