function getBadgeClasses
getBadgeClasses(props?: BadgeProps): string

Get Tailwind classes for a badge

Use this when you're building HTML in templates (Vento, etc.) or constructing class strings.

Examples

Example 1

// In a Vento template <span class="{{ getBadgeClasses({ variant: 'success' }) }}"> {{ status }} </span>

Example 2

// With custom theme color <span class="{{ getBadgeClasses({ variant: 'primary', themeColor: 'violet' }) }}"> New Feature </span>

Parameters

optional
props: BadgeProps

Badge configuration

Return Type

string

Tailwind class string

Usage

import { getBadgeClasses } from ".";