Skip to content

Switchers

We list here all the switchers that eZ Platform uses.

Switcher

We created `switcher` as a SASS @mixin function (check [`ezplatform-admin-ui/src/bundle/Resources/public/scss/_mixins.scss`](https://github.com/ezsystems/ezplatform-admin-ui/blob/master/src/bundle/Resources/public/scss/_mixins.scss)).

Specify its size in the @mixin function: `@include checkbox-switcher($size);` in the corresponding `.scss` stylesheet. By default its size is set to 2rem.

[[code_example {html}
code_example]]
##
Switcher with icons
####
**Primary color**
[[code_example {html} code_example]]
####
**Secondary color**
[[code_example {html} code_example]]
!!! note When using switchers with icons don't forget to add the corresponding `JS` script linked to the actions you want to trigger. ##
Preview switcher
[[code_example {html}
code_example]]