Skip to content

Fieldset - Web Component

The Fieldset component can be used imported from:

Playground

Parameters

The Web component uses the <z-fieldset> tag:

By default, all the parameters are optional or can be set in different, except for the ones marked as required

The parametrization of the component can be done with the following custom HTML params:

NameTypeDescriptionSlotA11y
configstringThe config spread for the inputs inside the fieldset.
legendstringText of the legend that wraps the fieldset.

Events

This component has events. Check the documentation about how to use the events.

NamePayloadDescription

Slots

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
defaultspanContent of the fieldset.
legendspanText of the legend that wraps the fieldset.

Parameters use

legend

The legend attribute is used to set the legend of the fieldset.

Also you can use the legend slot to set the legend of the fieldset.

Legend

config

The config that will be applied to the inputs inside.

Creating a template

We can do exactly the same as with Form but using --z-fieldset--template. We can even combine them for a sub-griding.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example