Krizaka UI
Krizaka UI
Composants

Identité et personnes

Vous venez ici pour savoir qui est là : avatars, profils, menu et réglages du compte, préférences de notification, écrans de connexion.

Règle du responsable
Les images par défaut viennent du JSON de l'organisation, jamais en ligne dans le code.
Budget de taille
18.4 kB gzip pour tout le domaine ; il ne fait que baisser.

Entrées

9 entrées, dont 6 utilisées par des produits et sites en production.

  • AvatarA person or an account: their picture, or initials while it loads, when it fails or when there is none.11 fichiers l'importent
  • Account menuBêtaThe menu under a signed-in person's avatar: who they are, their profile and settings, the language and the theme as compact submenus, Sign out.3 fichiers l'importent
  • Account settingsBêtaThe blocks of an account page, so every app has the same polished one: the identity card (picture, name, verified e-mail, member since), a picture grid to choose from, a labelled language control, selectable cards for a single choice — beside SettingsSection's one inline save.10 fichiers l'importent
  • AchievementBêtaSomething 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.1 fichiers l'importent
  • Auth layoutBêtaAn entry screen — sign in, sign up, verify, onboarding: the product's brand panel (its gradient, a promise, a quote) beside a calm form; one column on a phone with the mark above the form.8 fichiers l'importent
  • CaptchaBêtaThe bot check of a public form: Cloudflare Turnstile that shows nothing to a normal visitor, a framed box on the tokens only when a challenge needs them, and an accessible error with a retry.
  • Notification preferencesBêtaWhat reaches a person: categories down, channels across, a switch at each crossing, presets that set it all at once, a locked row for what cannot be turned off (security).
  • Profile cardBêtaA profile at a glance — a portrait, a name, a headline gauge, a few stats with their values in words, a line and actions: a creator, a match, a member, a plan. ProfileBanner is the top of a person's or a place's page: a cover, the avatar overlapping it, the name, its facts, the actions.
  • Verified badgeBêtaA seal that says the person or the account was verified (a selfie, an ID) — the accent, named in words.2 fichiers l'importent

Sur cette page