Dokumentacija in primeri značk, naša komponenta majhnega štetja in označevanja.
Primer
Značke se prilagajajo velikosti neposrednega nadrejenega elementa z uporabo relativne velikosti pisave in emenot.
Primer naslovaNovo
Primer naslovaNovo
Primer naslovaNovo
Primer naslovaNovo
Primer naslovaNovo
Primer naslovaNovo
Značke se lahko uporabljajo kot del povezav ali gumbov za zagotavljanje števca.
Upoštevajte, da lahko značke, odvisno od njihove uporabe, zmedejo uporabnike bralnikov zaslona in podobnih podpornih tehnologij. Medtem ko slog značk zagotavlja vizualni znak glede njihovega namena, bo tem uporabnikom preprosto predstavljena vsebina značke. Odvisno od specifične situacije se lahko te značke zdijo kot naključne dodatne besede ali številke na koncu stavka, povezave ali gumba.
Razen če je kontekst jasen (kot pri primeru »Obvestila«, kjer se razume, da je »4« število obvestil), razmislite o vključitvi dodatnega konteksta z vizualno skritim delom dodatnega besedila.
Kontekstualne variacije
Če želite spremeniti videz značke, dodajte katerega koli od spodaj navedenih razredov modifikatorjev.
Uporaba barve za dodajanje pomena zagotavlja samo vizualno indikacijo, ki ne bo posredovana uporabnikom podpornih tehnologij – kot so bralniki zaslona. Zagotovite, da so informacije, označene z barvo, očitne iz same vsebine (npr. vidno besedilo) ali pa so vključene z alternativnimi sredstvi, kot je dodatno besedilo, skrito z .sr-onlyrazredom.
Značke za tablete
Uporabite .badge-pillmodifikatorski razred, da naredite značke bolj zaobljene (z večjim border-radiusin dodatnim vodoravnim padding). Uporabno, če pogrešate značke iz v3.