# Dhwani Badge Plugin

The Dhwani Badge Plugin allows you to insert editable badges (tags) inline within your notes. You can customize the color, size, and style of each badge.

## Features

- **Inline Editing**: Click on any badge to edit its text directly inside the flow of your note.
- **Auto-Height scaling**: Overrides default heights to ensure the badge wraps perfectly around your text regardless of your editor font settings.
- **Floating Controls Popover**: Hovering the badge, clicking it, or moving your cursor inside it will open a floating settings panel above it.
- **Theme Color Customizer**: Set your badge color utilizing standard classes (Ghost, Neutral, Primary, Secondary, Accent, Info, Success, Warning, Error).
- **Multiple Style Variants**:
  - **Solid**: Flat solid background color (default).
  - **Outline**: Colored border with a transparent background.
  - **Soft**: Subtle background tint (15% color opacity) with fully saturated text.
  - **Dash**: Dashed border with transparent background.
- **Flexible Sizes**: Adjust sizes inline choosing between Extra Small (XS), Small (S), Medium (M), and Large (L).

## How to Use

1. Type `/` in the editor to open the slash command menu.
2. Select **Badge** or search for "badge".
3. A new badge will be inserted at the cursor position.
4. Click inside the badge to change the label text.
5. Hover over the badge or type inside it to see the floating settings panel.
6. Click the color circles, choose style variants, or click size buttons to apply adjustments.
