Badge

stable llms.txt

Compact inline element for status labels, counts, and tags with customizable variants and colors.

Installation

bash
ts

Preset Configuration

Customize the appearance using presets

Examples

Explore different variations and use cases

Basic Badge

Simple badge component

Badge Variants

Different styles for various contexts

Badge Sizes

Different sizes for various use cases

API Reference

Accessibility

  • Semantic HTML structure
  • Sufficient color contrast
  • Screen reader friendly text
  • ARIA labels for icons or counts
  • Keyboard accessible when interactive

© 2026 Svelte Atoms. Open source under the MIT license.

Built with Svelte 5 · Runes · TailwindCSS