Button
Tokens Figma SAS/Alfabeto — radius 8px, Metropolis SemiBold, sem shadow.
Primary
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Secondary
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Tertiary
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Tertiary Dark
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Danger Primary
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Danger Secondary
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Danger Tertiary
SizeDefaultIcon LeftIcon RightDisabled
sm — 28px
md — 36px
lg — 44px
Aliases legados (compatibilidade)
AliasMapa paraExemplo
ghosttertiary
Uso
Básico
import { Button } from "@impactxlab/ds-education"
Com variant + size
Com ícone + onClick
import { ArrowRight } from "lucide-react"