Switch

Basic examples

Default
Small

all

Show code


                            <label class="switch">
                            <input type="checkbox">
                            <div class="switch__toggle">
                            <span>all</span>
                            </div>
                            </label>


                            <label class="switch -small">
                            <input type="checkbox">
                            <div class="switch__toggle">
                            <span>all</span>
                            </div>
                            </label>

Multi Value

Default
Full width

Children Nurses

Show code


                            <label class="toggle-button">
                            <input type="checkbox"/>
                            <span>Children</span>
                            <span>Nurses</span>
                            </label>


                            <label class="toggle-button -full-width">
                            <input type="checkbox"/>
                            <span>Children</span>
                            <span>Nurses</span>
                            </label>