Home Corporate UI About Components HTML copy paste JS Frameworks FAQ Contact Us Mobile Apps Overview Documentation Example Contact us Style Guide Home Logotype Icons Colours Typography Comon editors

Extended Radiobuttons and Checkboxes

Introduction

First and foremost, a quick reminder of what radio buttons do: They display a set of mutually exclusive options from which a person may select exactly one. People sometimes confuse radio buttons and checkboxes, but checkboxes are the interaction pattern to employ when users can select any number of the choices (none, one or several).

Developers: Please view the source code to get the correct markup. We'll provide code samples ASAP.

Group of Radios

Disabled Radio Buttons

Bad Example - Only one can be selected

Checkboxes

Inverted Radios and Checkboxes
Scania Volkswagen Porsche Bugatti