Badge
Primary
Small
Text onlyPrimary Small
Icon leftPrimary Small
Icon only
Medium
Text onlyPrimary Medium
Icon leftPrimary Medium
Icon only
Large
Text onlyPrimary Large
Icon leftPrimary Large
Icon only
Success
Small
Text onlySuccess Small
Icon leftSuccess Small
Icon only
Medium
Text onlySuccess Medium
Icon leftSuccess Medium
Icon only
Large
Text onlySuccess Large
Icon leftSuccess Large
Icon only
Ink
Small
Text onlyInk Small
Icon leftInk Small
Icon only
Medium
Text onlyInk Medium
Icon leftInk Medium
Icon only
Large
Text onlyInk Large
Icon leftInk Large
Icon only
Warning
Small
Text onlyWarning Small
Icon leftWarning Small
Icon only
Medium
Text onlyWarning Medium
Icon leftWarning Medium
Icon only
Large
Text onlyWarning Large
Icon leftWarning Large
Icon only
Danger
Small
Text onlyDanger Small
Icon leftDanger Small
Icon only
Medium
Text onlyDanger Medium
Icon leftDanger Medium
Icon only
Large
Text onlyDanger Large
Icon leftDanger Large
Icon only
Uso
Básico
import { Badge } from "@impactxlab/ds-education"
Novo Com variant + size
Ativo
Erro Com ícone
import { Check } from "lucide-react"