Začínáme
Základy
Komponenty
Composites
Patterns
Přihlásit
Bug Tracker Active
Test
Notification Badge
Otevřít ve Figmě
Notification Badge je malý vizuální indikátor, který informuje uživatele o počtu nových událostí, zpráv nebo upozornění.
Klávesnice
Použití
Changelog
Ikona
Počet
Použití
Kdy používáme
Pro zobrazení počtu nových událostí, zpráv nebo upozornění.
Pro status uživatele (online / offline / nepřítomen). Pokud je důležité upozornit na změnu stavu nebo aktivitu.
Kdy nepoužíváme
Pro dlouhý text (na to je chip, label nebo tag).
Pokud význam barvy není konzistentní (risk špatného pochopení).
Jako jediný způsob komunikace (musí být doplněno i textem → přístupnost).
Pokud se notifikace neaktualizují v reálném čase.
Na méně důležité informace (badge má přitahovat pozornost).
Varianty
Live preview
Zvolit téma:
Vigo
Koop
Koop Dark
CPP
CPP Dark
KNZ
SUS
⟲
Notificationbadge | VIGo Design System
