Source from repo

Nuxt UI v4

Reference for Nuxt UI v4 (125+ components built on Reka UI + Tailwind CSS v4) including forms, overlays, and theming.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

129

Skill

n/a

Size

138.2 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/badge.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown22 linesFree

components/badge.md

1# Badge
2 
3A short text to represent a status or a category.
4 
5## Key Props
6 
7- `label`: to set the label of the Badge.
8- `color`: to change the color of the Badge.
9- `variant`:
10- `size`: to change the size of the Badge.
11- `icon`: to show an [Icon](/docs/components/icon) inside the Badge.
12- `avatar`: to show an [Avatar](/docs/components/avatar) inside the Badge.
13- `class`: to override the base styles of the Badge.
14 
15## Usage
16 
17```vue
18<UBadge
19  <!-- props here -->
20/>
21```
22

Preparing the source view

Nuxt UI v4

components/badge.md