Oat Card Demo

Cards provide a flexible container for grouped content, often including a header and footer.

A groundbreaking initiative to redefine UI development.

This is the main body of the card. It can contain any Wicket component.

Use the OatCard component as a container. Inside, you can use standard <header> and <footer> tags in your markup.

// Java
OatCard card = new OatCard("card");
add(card);
card.add(new Label("title", "Card Title"));

<!-- HTML -->
<article wicket:id="card">
    <header>
        <h3 wicket:id="title"></h3>
    </header>
    <p>Content...</p>
</article>