Basic Usage

<x-badge variant="primary">Badge Text</x-badge>

Badge Props

• variant - string

  primary, secondary, success, warning, error, sky

• size - string

  sm, lg (default normal)

• dot - bool

  Display a small colored dot before the text

• icon - string

  Font Awesome icon name (e.g., "check" becomes "fa-solid fa-check")