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

// In TypeScript const classes = getBadgeClasses({ variant: 'error', size: 'sm' }); element.className = classes;

Parameters

optional
props: BadgeProps
  • Badge configuration

Return Type

string

Tailwind class string

Usage

import { getBadgeClasses } from ".";