Загрузка
Тема дизайна премиум класса для Webasyst Shop-Script
г. Москва

ул. Малая Бронная, д. 16, офис 102

Начало работы
Компоненты
Иконки
Готовые блоки
Готовые страницы
Плагины и приложения
JS Плагины
Дополнительные и глобальные параметры
Остальное

Значки

Небольшой компонент подсчета и маркировки.

Документация Bootstrap


Primary Secondary Success Danger Warning Info Light Dark Primary Secondary Success Danger Warning Info Light Dark

В цвет темы дизайна

Ahead only

Класс Default позволяет создавать значки с цветом выбранным в настройках темы дизайна.

Default Default pill Default soft

Полупрозрачные

Ahead only

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

Primary Secondary Success Info Warning Danger Light Dark

Размеры

Ahead only

Для создания значком большого размера используте класс .badge-lg. Кроме того можно увеличивать размеры текста внутри значка.

Large Standard

Круглые значки

Ahead only

Для создания круглых значков испльзуйте класс .badge-rounded-cirle.


Позиционирование

Ahead only

Значок можно расположить внутри или вне элемента при помощи классов.badge-float-inside and .badge-float-outside.

Inside

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed modi officiis asperiores ex sapiente beatae earum, iusto labore! Fugiat officia iure mollitia, aut, error provident dolorum voluptates deleniti consectetur?

Outside

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed modi officiis asperiores ex sapiente beatae earum, iusto labore! Fugiat officia iure mollitia, aut, error provident dolorum voluptates deleniti consectetur?

Мы используем cookies для быстрой и удобной работы сайта. Продолжая пользоваться сайтом, вы принимаете условия обработки персональных данных.
0
0