Radio select - Web Component

...

Browser support

Parameters

The Web component uses a <z-radio-select> tag.

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

Name	Type	Description
disabled (optional)	boolean	Blocks the interaction with the input component.
required (optional)	boolean	Marks the input component as required.
name (optional)	string	Identification for the field inside the form
invalid (optional)	boolean	The forced state for set the input as invalid

The events emitted from the component are:

Name	Payload	Description
onchange	string	Returns the new value of the "value" attribute

Playground

Customization

HTML Examples

Imports

<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/radio-select.js"></script>

Code

<z-radio-select value="HTML" label="Input label" name="radio-select"
  options='[{ "text": "HTML", "value": "HTML"}, { "text": "CSS", "value": "CSS"},{ "text": "JavaScript", "value": "javascript"}]'>
</z-radio-select>