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 |
---|---|---|
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.
Playground
Customization
HTML Examples
Imports
html
<link rel="stylesheet" href="/0.5.0/@zurich/web-components/styles.css" />
<script type="module" src="/0.5.0/@zurich/web-components/fieldset.js"></script>
<script type="module" src="/0.5.0/@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>