AccentBaseRadiusMode

Fieldset

A native fieldset with a legend, optionally disabled.

Two fields under one legend; the server echoes the address.

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

bash

suprnova live:add fieldset

Usage

html

{% import "suprnova-ui/fieldset/fieldset.html" as fieldset %}
{% call fieldset::fieldset("Shipping address") %}{% call field::field("street", "Street") %}{% call input::input("street", value=street) %}{% endcall %}{% endcall %}{% endcall %}

Examples

Disabled

A switch outside the fieldset enables it from the server.

Open in new tab

Keyboard and accessibility

suprnova.fieldset - a form section with a legend; the caller renders the fields. disabled disables every control inside natively.

API reference

`fieldset`

Parameter	Default	Description
`legend`	Required	The fieldset's legend.
`disabled`	`false`	Disables every control inside.