Fieldset - Web Component

Browser support

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
legend	string	Text of the legend that wraps the fieldset.

legend

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

Content

Playground

Customization

HTML Examples

Imports

<link rel="stylesheet" href="/0.4.0/@zurich/web-components/styles.css" />
<script type="module" src="/0.4.0/@zurich/web-components/fieldset.js"></script>
<script type="module" src="/0.4.0/@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>