@@include('header.htm', { "title": "Switcher - Sleek Admin Dashboard Template", "vector_map": "", "date_range_picker": "", "select2": "", "ladda": "", "toastr": "", "flag_icon": "", "full_calendar_core": "", "full_calendar_daygrid": "", "data_table": "", "responsive_data_table": "", "expendable_data_table": "" }) @@include('sidebar.htm', { "parent": "components", "sub_parent": "components", "active": "switcher" }) @@include('top-bar.htm')
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">