nex-ui
  • Šablony
  • Dokumentace
  • Ceník
  • Otázky
csen
PřihlásitZískat Pro
Přehled
    • Odznak
    • Odznak s tečkou
    • Oznamovací odznak
    • Stavový odznak
    • Odznak s počtemPro
    • Lesklý odznakPro
    • Odznak se světlem na okrajiPro

Postav něco, co se hýbe.

Procházet komponenty
nex-ui

Komponenty pro React a Tailwind od jednoho vývojáře.

Produkt

  • Komponenty
  • Nástroje
  • Šablony
  • Ceník
  • Otázky

Zdroje

  • Dokumentace
  • Changelog
  • Licence
  • Kontakt

© 2026 nex-ui. Všechna práva vyhrazena.

Komponenty/Odznaky

Stavový odznakZdarma

Stavy živě, nečinný a chyba.

Vlastnosti

Vzhled

Platí jen pro tuhle komponentu a zůstane uložené, když se sem vrátíš.

#ff3347
#b3122a
Pozadí náhledu

Instalace

$npx nex-ui add status-badge

Použití

import { StatusBadge } from "@/components/nex-ui/status-badge";

<StatusBadge
  labels={{ live: "Živě", idle: "Nečinný", error: "Chyba" }}
/>
PředchozíOznamovací odznakDalšíOdznak s počtem