Badges: Eye-catching inline callouts

Badges are great for drawing attention to specific parts of your text. They’re small but noticeable, making them perfect for emphasizing key points, grouping content, or showing status updates.

To create badges, add the .badge class to any paragraph and include the .drop, .edit, .feat, or .fix class to add variety to the style.

<span class="badge">Default Badge</span> This is the default badge style.
<span class="badge drop">Drop Badge</span> This is the drop badge style.
<span class="badge edit">Edit Badge</span> This is the edit badge style.
<span class="badge feat">Feat Badge</span> This is the feat badge style.
<span class="badge fix">Fix Badge</span> This is the fix badge style.