Skip to content

Badge

Badge(label, color='blue', class_='px-2 py-1 rounded text-sm font-semibold')

A reusable badge component.

Parameters:

Name Type Description Default
label str

The badge text.

 required
color str

The color of the badge (e.g., blue, green, red).

 'blue'
class_ str

Tailwind classes for styling.

 'px-2 py-1 rounded text-sm font-semibold'

Returns:

Name Type Description
Node Node

The badge element.
Source code in zenaura/ui/badge.py 
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
def Badge(label: str, color: str = "blue", class_: str = "px-2 py-1 rounded text-sm font-semibold") -> Node:
    """
    A reusable badge component.

    Args:
        label (str): The badge text.
        color (str): The color of the badge (e.g., blue, green, red).
        class_ (str): Tailwind classes for styling.

    Returns:
        Node: The badge element.
    """
    color_classes = f"bg-{color}-100 text-{color}-800"
    return tag("span", text=label, class_=f"{class_} {color_classes}")