Fieldset - Web Component

Browser support

Detected engine:  

• Chromium

• Webkit

• Gecko

Parameters

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

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

Name	Type	Description	Slot
legend	string	Text of the legend that wraps the fieldset.

The available slots for the component are:

Name	Tags	Description
default	span
legend	span

legend

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

Content

Playground

Customization

HTML Examples

Imports

<link rel="stylesheet" href="/0.5.2/@zurich/web-components/styles.css" />
<script type="module" src="/0.5.2/@zurich/web-components/fieldset.js"></script>
<script type="module" src="/0.5.2/@zurich/web-components/text-input.js"></script>

Code

<z-fieldset legend="User name:">
  <z-text-input label="User name" placeholder="User name" value=""></z-text-input>
</z-fieldset>