Verified badge
A seal that says the person or the account was verified (a selfie, an ID) — the accent, named in words.
Web et mobile — le même composant pour React et React Native. Bêta : son API peut encore changer à une version mineure.
Quand l’utiliser
- Beside a name on a profile, a card, a message header.
- On a photo (
onMedia/on="media").
Quand ne pas l’utiliser
- For a status that changes (online, live).À la place : Badge
Installation
Installer
npm install @krizaka/ui @krizaka/tailwind @krizaka/tokens tailwindcssStyles
@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";Importer
import { VerifiedBadge } from "@krizaka/ui/verified-badge";Exemples
Verified
Beside a name, and with its words.
Elena Ruiz
Props
A seal that says the person or the account was verified (a selfie check, an ID), named in words.
| Prop | Type | Défaut | Description |
|---|---|---|---|
labelrequis | string | — | Its words (“Verified”), read — and shown with showLabel — passed translated. |
onMedia | boolean | — | On a photo: a ring of the media around the seal. |
showLabel | boolean | — | Show the words beside the seal. Default false: the seal alone, named. |
size | "sm" | "md" | "lg" | md | The seal's size: sm (14 px), md (16 px, default), lg (20 px). |
Accessibilité
- An image named by
label; withshowLabelthe words are shown too.
Bonnes pratiques
- Name what was verified (“Verified with a selfie”) when it matters.
- Show it only for a check the platform did, never self-declared.
Composants liés
Générée depuis le code de @krizaka/ui 3.5.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub
Toast
A short message that comes and goes — with the time it has left drawn and paused under the pointer, an undo that waits before an action is final, a long task updated in place, and repeats folded into one toast that counts.
Achievement
Something done, and what it replaced: a milestone reached, a dare completed, a problem out of the way — on one grid of hairlines in a list, their badges arriving one by one; with three line emblems.