Saltar al contenidoSkip to content
PyaServ

Storybook lite

Catálogo de componentes puros de PyaServ. Cada uno se renderiza por separado con un panel de props para test rápido — incluido locale switcher para debug de localización.

Niveles:
· Atoms: piezas mínimas (Button, BadgePill...).
· Molecules: composición de atoms (FeatureCard, QuestRow...).
· Organisms: vistas grandes (ProfileHeader, GameHUD, ProfilePublicView).

Reglas:
· Todas las render-funciones son pure (props) => string.
· Sin fetch, sin localStorage, sin Date.now().
· Strings ya traducidas se pasan como props (no hay t() dentro).
· Demo Mode v2 reutiliza estos mismos componentes con datos canned.

Ver código fuente: apps/site/src/components-lib/

Iniciar sesiónSign in

Sin contraseñas — te mandamos un código de 6 dígitos por email.No passwords — we email you a 6-digit code.