Документация и примери за значки, нашия малък компонент за броене и етикетиране.
Пример
Значките се мащабират, за да съответстват на размера на непосредствения родителски елемент, като използват относителен размер на шрифта и emединици.
Примерно заглавие
Нов
Примерно заглавие
Нов
Примерно заглавие
Нов
Примерно заглавие
Нов
Примерно заглавие
Нов
Примерно заглавие
Нов
Значките могат да се използват като част от връзки или бутони за осигуряване на брояч.
Имайте предвид, че в зависимост от това как се използват, значките може да са объркващи за потребителите на екранни четци и подобни помощни технологии. Въпреки че стилът на значките предоставя визуален знак за тяхната цел, на тези потребители просто ще бъде представено съдържанието на значката. В зависимост от конкретната ситуация, тези значки може да изглеждат като произволни допълнителни думи или цифри в края на изречение, връзка или бутон.
Освен ако контекстът не е ясен (както при примера „Известия“, където се разбира, че „4“ е броят на известията), помислете за включване на допълнителен контекст с визуално скрит допълнителен текст.
Контекстуални вариации
Добавете някой от посочените по-долу класове модификатори, за да промените външния вид на значка.
Използването на цвят за добавяне на смисъл осигурява само визуална индикация, която няма да бъде предадена на потребителите на помощни технологии – като екранни четци. Уверете се, че информацията, обозначена с цвета, е или очевидна от самото съдържание (напр. видимия текст), или е включена чрез алтернативни средства, като например допълнителен текст, скрит с .sr-onlyкласа.
Значки за хапчета
Използвайте .badge-pillмодификаторния клас, за да направите значките по-заоблени (с по-голям border-radiusи допълнителен хоризонтал padding). Полезно, ако пропуснете значките от v3.