Radio

Atoms · Updated on 22 May 2017

Documentation is WIP, check open issues and start improving!

Radio component provides a control, which allows to select only one from several available options. It can be checked as well as disabled.

Documentation

Specifications

// Base

$radio-border-radius                           : unit(999);                                         // 3996px
$radio-size                                    : unit(6);                                           // 24px
$radio-checker-size                            : unit(3);                                           // 12px

$radio-color-background                        : rgba(palette(cd1), 0.12);
$radio-color                                   : transparent;
$radio-checked-color-background                : palette(cp2);
$radio-checked-color                           : palette(cl1);

$radio-button-shadow                           : 0 0 unit(1) rgba(palette(cd1), 0.16);

// States

$radio-opacity-disabled                        : 0.24;

API

Name	Values	Default
checked	true / false	false
disabled	true / false	false