Button group

Previous and next move a page counter on the server.

Each preview is its own Live page in a frame, because this site is a Vue 3.5 app built on the Pulsar starter kit. An open list or popover stays inside its frame; in your application it opens over the page.

Installation

suprnova live:add button-group

Usage

{% import "suprnova-ui/button-group/button-group.html" as button_group %}
{% call button_group::button_group("Pagination") %}{% call button::button("Previous", action="previous", variant="secondary") %}{% endcall %}{% call button::button("Next", action="next", variant="secondary") %}{% endcall %}{% endcall %}

Examples

Keyboard and accessibility

suprnova.button-group - a labelled group of related buttons; the caller renders the buttons.

API reference