Radio select - CSS Component

The RadioSelect component can be used imported from:

Playground

Construction

The CSS component uses a <fieldset> tag.

z-radio-select

The z-radio-select is the main parameter used to render the radio select component.

Radio select

HTMLCSSJS

The z-radio-select parameter has an optional modifiers: inline. The inline modifier will render the radio select options in a row.

Radio select

HTMLCSSJS

help-text

A help text can be set using a <small> tag as the last element of the container:

Radio select

HTMLCSSJSInvalid input

invalid

A help text can be set using a <small> tag as the last element of the container:

Radio select

HTMLCSSJSInvalid input

Browser support

Detected engine:  

• Chromium

• Webkit

• Gecko

HTML Examples

CodeSandbox example