Fitune Design System · Capa 1 — Átomo

Badge

Etiqueta de estado no interactiva. 6 variantes semánticas × 4 tipos visuales.

Todas las variantes

{{ v }}
{{ t }}

Outline

Subtle

Solid

Ghost

Sin icono

Casos de uso

Plan Mensual Pro

Renovación el 15 jun 2025

Plan Trimestral

Vence el 1 jun 2025

Plan Básico

Cancelado el 20 abr 2025

Carlos Méndez

Entrenador personal

Tokens clave

Radio

rounded-full — radiusFull 9999px

Tipografía

text-caption-table — 12px / Regular / lh 1.6

Padding

px-2 py-1 — spacing2 / spacing1

Gap

gap-1 — spacing1 (4px) entre dot y label