Fieldset - CSS Component ​

The Fieldset component can be used imported from:

Playground ​

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.

There are two modifiers for the z-fieldset parameter, type and size. The pattern would be: <?type><:?size>

type ​

The first modifier is used to set the type for the inputs inside the fieldset.

size ​

The second modifier is used to set the size for the inputs inside the fieldset.

INFO

You can also set the legend of the fieldset using the legend tag inside the fieldset.

Fieldset

Creating a template ​

We can do exactly the same as with Form but using --z-fieldset--template. We can even combine them for a sub-griding.

Code
User address
Feedback

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​