Fieldset - CSS Component โ
Browser support โ
Construction โ
The CSS component uses the <fieldset>
tag with the z-fieldset
HTML custom attribute.
z-fieldset
โ
The z-fieldset
parameter is the main parameter used to render the fieldset component.
Playground โ
Customization โ
HTML Examples โ
Imports
html
<link rel="stylesheet" href="/0.4.3/@zurich/css-components/base.css" />
<link rel="stylesheet" href="/0.4.3/@zurich/css-components/Fieldset.css" />
<link rel="stylesheet" href="/0.4.3/@zurich/css-components/base.css" />
<link rel="stylesheet" href="/0.4.3/@zurich/css-components/TextInput.css" />
Code
html
<fieldset z-fieldset>
<legend>User name:</legend>
<label z-text-input>
<span>User name</span>
<input type="text" placeholder="User name" />
</label>
</fieldset>