Skip to content

Fieldset - Web Component

...

Browser support

Parameters

The Web component uses a <z-fieldset> tag.

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

NameTypeDescription
legendstringText of the legend that wraps the fieldset.

Playground

Customization

HTML Examples

Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/fieldset.js"></script>
<script type="module" src="/0.3.7/@zurich/web-components/text-input.js"></script>
Code
html
<z-fieldset legend="User name:">
  <z-text-input label="User name" placeholder="User name" value=""></z-text-input>
</z-fieldset>