Badge Widget

Use the Badge widget to add short, styled labels you can edit and reorder.

Add a Badge widget

Badge Settings

The dialog has two tabs: Badge and Style.

Badge tab

• Variant: Solid, Outline, Soft
• Size: Small, Medium, Large, X-Large
• Gap Between Badges
• Alignment
• Background Color and Text Color

Style tab

• Font Family, Weight, and Font Style
• Badge border radius controls
• Shadow

When you change the font family, available weight choices adjust to match that font.

Editing badges

• Click a badge to edit the text inline.
• Longer badge text expands while you type so it is easier to review before saving.
• Drag badges to reorder.
• Use the Add Badge button in the toolbar to create more.

Ask AI

Use Ask AI from the Badge toolbar when you want to polish or reshape short label sets.

• Improve: rewrite badge labels so they are clearer and more consistent.
• Shorten: make badge labels more concise while preserving the meaning.
• Add badges: add the labels you describe while keeping the existing badges unless you ask to replace them.
• Remove: remove named badges and keep the labels you do not mention.
• Custom prompt: describe a specific add, remove, rewrite, or replacement request.

Toolbar actions

• Badge Settings
• Add Badge
• Ask AI
• Alignment
• Animation
• Position
• Copy
• Delete

Use Responsive Design to confirm wrapping and spacing at smaller breakpoints.