JavaScript HTML5 UI контрол Button

Button - это JavaScript контрол, который позволяет пользователю взаимодействовать с приложением.

живое демо

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

Обзор

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

Например, чтобы помочь пользователям найти нужную кнопку среди множества других, вы можете добавить им иконки. Вы также можете использовать кнопки с картинками или определить вид кнопок с помощью HTML. Вы также можете добавлять кнопкам бэйджи с числами (например, с числом новых сообщений).

Кнопки с иконками

Webix позволяет добавлять кнопкам хорошо узнаваемые иконки из обширной коллекции Font Awesome.

Кнопки с изображениями

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

Segmented Button

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

Toggle

Контрол Toggle - это кнопка с двумя состояниями. Нажатая и не нажатая кнопки выглядят по-разному, что помогает пользователям понять, активна ли кнопка.

Нажмите на Toggle

Стилизация

Вы можете создавать свои стили для кнопок. С помощью CSS, вы можете изменять саму кнопку, надпись на ней, ее иконку или изображение.

Бэйджи

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

Autowidth

Используя свойство autowidth, вы можете подстраивать ширину кнопки под размер ее содержимого.