# Visual affordance in checkbox controls

## Unchecked & Enabled

## Unchecked & Disabled

'Lock' icon version. Nice but may get confused with 'secure'.

## Checked & Disabled

Alternative 'ban/not-allowed' styled version - more in keeping with not-allowed cursor

## SPECIAL

With label-like 'off' and 'on' indicators, populated in this case using ::before/::after content

Go forth, code Ninja, and play…