x
1
<div class="inline-flex items-center gap-1 font-medium me-2 rounded-sm bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300 p-1 text-xs h-fit px-2.5 py-0.5">Playground Badge</div>1
2
3
4
5
6
render Fluxbit::BadgeComponent.new( color: color, pill: pill, perfect_rounded: perfect_rounded.to_i, size: size.to_i).with_content(content)Fluxbit::BadgeComponent
You can use this component to display a message to the user
| Param | Description | Input |
|---|---|---|
|
Color |
|
|
|
Pill |
|
|
|
Size |
|
|
|
Perfect Rounded |
|
|
|
Content |
|