Examples

Complete examples showing JWeb patterns.

Counter

State<Integer> count = useState(0);

div(
    h1("Count: " + count.get()),
    button(attrs().onClick(e -> count.update(c -> c + 1)), "+"),
    button(attrs().onClick(e -> count.update(c -> c - 1)), "-")
)

User Card

public class UserCard implements Template {
    private final User user;

    public UserCard(User user) { this.user = user; }

    public Element render() {
        return div(attrs().style()
                .padding(rem(1)).backgroundColor(white)
                .borderRadius(px(8)).boxShadow(px(0), px(2), px(8), rgba(0,0,0,0.1)).done(),
            h3(user.getName()),
            p(user.getEmail()),
            when(user.isAdmin(), () -> badge("Admin"))
        );
    }
}

Data Table

table(
    thead(tr(th("Name"), th("Email"), th("Actions"))),
    tbody(each(users, user -> tr(
        td(user.getName()),
        td(user.getEmail()),
        td(
            button(attrs().onClick("edit(" + user.getId() + ")"), "Edit"),
            button(attrs().onClick("delete(" + user.getId() + ")"), "Delete")
        )
    )))
)