--- layout: default title: "Switcher - Sleek Admin Dashboard Template" parent: "ui-elements" sub_parent: "components" activePage: "switcher" plugins: [] ---
To use switcher copy the following code snippet.
<label class="switch switch-primary form-control-label">
<input type="checkbox" class="switch-input form-check-input" value="on" checked>
<span class="switch-label"></span>
<span class="switch-handle"></span>
</label>
For switch Add class .switch-*
to <label class="switch">
For switch pills Add class .switch-pill switch-*
to <label class="switch">
For switch outline Add class .switch-outline-*
to <label class="switch">
For switch outline pill Add class .switch-pill .switch-outline-*
to <label class="switch">
For switch outline Alternative Add class .switch-outline-alt-*
to <label class="switch">
For switch outline Alternative pill Add class .switch-pill .switch-outline-alt-*
to <label class="switch">
For switch with text Add class .switch-text
to <label class="switch">
For switch with text pill Add class .switch-pill .switch-text .switch-*
to <label class="switch">
For switch with text outline Add class .switch-text .switch-outline-*
to <label class="switch">
For switch with text outline pill Add class .switch-pill .switch-text .switch-outline-*
to <label class="switch">
For switch with text alternative outline Add class .switch-text .switch-outline-alt-*
to <label class="switch">
For switch with text outline alternative pill Add class .switch-pill .switch-text .switch-outline-alt-*
to <label class="switch">
For switch with icon Add class .switch-icon .switch-*
to <label class="switch">
For switch with icon pill Add class .switch-pill .switch-icon .switch-*
to <label class="switch">
For switch with icon outline Add class .switch-icon .switch-outline-*
to <label class="switch">
For switch with icon outline pill Add class .switch-pill .switch-icon .switch-outline-*
to <label class="switch">
For switch with icon outline alternative Add class .switch-icon .switch-outline-alt-*
to <label class="switch">
For switch with icon outline alternative pill Add class .switch-icon .switch-pill .switch-outline-alt-*
to <label class="switch">