@manta-eu/react/badge

Type Aliases

BadgeProps

BadgeProps = ComponentProps<"span"> & VariantPropsOf<typeof badgeConfig> & object

Type Declaration

asChild?

optional asChild?: boolean

---

BadgeVariant

BadgeVariant = VariantPropsOf<typeof badgeConfig>["variant"]

Variables

badgeConfig

const badgeConfig: object

Type Declaration

base

base: string[]

defaultVariants

defaultVariants: object

defaultVariants.size

readonly size: "base" = "base"

defaultVariants.variant

readonly variant: "default" = "default"

variants

variants: object

variants.size

size: object

variants.size.base

base: string = "h-8 px-3 [&>svg]:size-4"

variants.size.lg

lg: string = "h-10 px-4 typography-body-medium [&>svg]:size-5"

variants.size.sm

sm: string = "h-6 px-2 typography-tiny-medium [&>svg]:size-3"

variants.variant

variant: object

variants.variant.copy

copy: string = "bg-accent text-muted-foreground"

variants.variant.default

default: string = "bg-secondary text-secondary-foreground"

variants.variant.destructive

destructive: string = "bg-error text-error-foreground"

variants.variant.info

info: string = "bg-info text-info-foreground"

variants.variant.primary

primary: string = "bg-primary text-primary-foreground"

variants.variant.promo

promo: string = "bg-pink-100 text-pink-700"

variants.variant.secondary

secondary: string = "bg-accent text-default-foreground"

variants.variant.success

success: string = "bg-success text-success-foreground"

variants.variant.translucent

translucent: string = "bg-default-foreground/40 text-secondary-foreground"

variants.variant.warning

warning: string = "bg-warning text-warning-foreground"

Functions

Badge()

Badge(props): Element

Parameters

props

BadgeProps

Returns

Element