Oat Badge Demo

Badges are small status indicators or labels. In the Oat framework, they are created by applying the .badge class to a <span> or similar inline element.

Variants

Default Secondary Outline Success Warning Danger

How to use

You can use the OatBadge component for a simple label, or attach BadgeBehavior to any existing component.

// Java - The OatBadge component
add(new OatBadge("myBadge", "Success", OatVariant.SUCCESS));

// Java - BadgeBehavior on any component
label.add(Oat.Behaviors.badge(OatVariant.SUCCESS));

<!-- HTML - Markup for both approaches -->
<span wicket:id="myBadge"></span>
<span wicket:id="myLabel"></span>

Live Example (Behavior on Label)

Check out this notification New