Live badge
The 4.0 name of the status badge — same look, the tone live read as active.
Web — React, depuis @krizaka/orochia-design-system. L'app mobile Orochia prend les tokens du kit, pas ses composants. Déprécié : conservé pour les apps qui l'utilisent encore, retiré à sa prochaine version majeure.
DépréciéDepuis 4.1.0, retiré en 5.0.0. Utiliser à la place : Status badge.
Pourquoi il existe au-dessus de Krizaka UI
Kept so that apps written against 4.0 keep building. Orochia has no live streaming and never says "live": the component and its tone were renamed.
Repose surBadge
Quand l’utiliser
- Never in new code: write
StatusBadge(tone="live"becomestone="active"; the other tones are the same).
Quand ne pas l’utiliser
- Anywhere: it is deprecated.À la place : Status badge
Installation
Installer
npm install @krizaka/orochia-design-system @krizaka/ui && npm install -D tailwindcss @krizaka/tailwindStyles
@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";
@import "@krizaka/orochia-design-system/theme.css";
@import "@krizaka/tokens/brands/orochia.css";Importer
import { LiveBadge } from "@krizaka/orochia-design-system";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
labelrequis | string | — | The words of the status, in the app's language: Open, Funded, Ends in 2 h. Never "live" — Orochia has no live streaming. |
className | string | — | Extra classes, merged last (placement on a card: absolute top-3 left-3). |
tone | LiveBadgeTone | live | The tone; live (the default) is read as active. |
Accessibilité
- The same as
StatusBadge: it renders one.
Bonnes pratiques
- Migrate with a search:
LiveBadge→StatusBadge,tone="live"→tone="active"(or drop it:activeis the default).
Composants liés
Généré depuis le code de @krizaka/orochia-design-system 4.1.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub