BADGE

<Badge>badge.tsx
G2G
SIZE VARIANTS
XXS
XS
Small
Default
Large
XL
SIZE ALIGNMENT: BADGE vs BUTTON
xxs badge
h-5
xs badge
h-6
sm badge
h-6
default badge
h-7
lg badge
h-8
xl badge
h-10
SHAPE VARIANTS
Default Shape
Pill Shape
Positive Pill
Brand Pill
STATUS DOT
Online
Away
Offline
Syncing
DEFAULT VARIANTS
Default
Outline
Filled
Strong
Ghost
Positive
Negative
Warning
Brand
OUTLINE COLOR VARIANTS
Positive
Negative
Warning
Brand
FILL VARIANTS
Pos Fill
Neg Fill
Warn Fill
Brand Fill
TAG VARIANTS
Tag
Tag Positive
Tag Negative
Tag Warning
Tag Brand
DATA VARIANTS
Data 1
Data 2
Data 3
STATUS BADGE (WITH ICON)
DONE
CHAT ATTACH — FILE
report.pdf
report.pdf
report.pdf
report.pdf
earnings-q4.pdf
utils.ts
portfolio-analysis.csv
CHAT ATTACH — IMAGE
NVDA-chart.png
NVDA-chart.png
NVDA-chart.png
NVDA-chart.png
screenshot.jpg
3 images
CHAT ATTACH — CONTEXT & MENTION
portfolio.tsx
portfolio.tsx
portfolio.tsx
portfolio.tsx
utils.ts
mcdonut
trending
layout.tsx
CHAT ATTACH — DISMISS (HOVER)

Overlay

report.pdf
earnings-q4.pdf
report.pdf
NVDA-chart.png
screenshot.jpg
portfolio.tsx
mcdonut
page.tsx
chart-1.png
earnings-report.pdf
page.tsx

Inner

report.pdf
earnings-q4.pdf
report.pdf
NVDA-chart.png
screenshot.jpg
portfolio.tsx
mcdonut
page.tsx
chart-1.png
earnings-report.pdf
page.tsx
CHAT ATTACH — MIXED ROWS
chart-1.png
earnings-report.pdf
page.tsx
NVDA-chart.png
analysis.pdf
api-response.json
portfolio.tsx
mcdonut
CHAT ATTACH — VARIANT OPTIONS
default
outline
filled
greyfill
brandfill
brand
outlineBrand
tagBrand
posfill
warnfill
negfill