Composants
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.
Pourquoi il est là. Used by krizaka.com.
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.9.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub