Flowbite::Badge

Renders a badge component for displaying labels, counts, or status indicators.

Basic usage

<%= render(Flowbite::Badge.new) { "Default" } %>

<%= render(Flowbite::Badge.new(bordered: true, style: :success)) { "Success" } %>

Use these badge styles with multiple colors to indicate status or categories.

Add a border accent in a matching color scheme.

Increase the paddings to create a larger badge variant.

Make the corners even more rounded like pills.

Use badges as anchor elements to link to another page.

Add a colored dot indicator before the badge text.

Inherits from Flowbite

def initialize(bordered: false, class: nil, dot: false, href: nil, size: :default, style: :brand, **options)

`bordered`	Boolean	Whether to add a border to the badge.
`class`	String, Array<String>	Additional CSS classes.
`dot`	Boolean	Whether to show a dot indicator.
`href`	String	If provided, renders the badge as a link.
`size`	Symbol	The size of the badge (:default or :lg).
`style`	Symbol	The color style (:alternative, :brand, :danger, :gray, :success, :warning).