Legacy Product

Fusion 5.10
    Fusion 5.10

    Checkbox

    Table of Contents

    Default

    Example

    <input styling="checkbox-switch" id="switch1" type="checkbox">
<label for="switch1"></label>

    Square

    Example

    <input styling="checkbox-switch" id="switch2" type="checkbox">
<label styling="square" for="switch2"></label>

    Flat

    Example

    <input styling="checkbox-switch" id="switch3" type="checkbox">
<label styling="flat" for="switch3"></label>

    Thin

    Example

    <input styling="checkbox-switch" id="switch4" type="checkbox">
<label styling="thin" for="switch4"></label>

    Colors

    Example

    <input styling="checkbox-switch" id="switch5" type="checkbox">
<label styling="positive" for="switch5"></label>
<input styling="checkbox-switch" id="switch6" type="checkbox">
<label styling="negative" for="switch6"></label>
<input styling="checkbox-switch" id="switch8" type="checkbox">
<label styling="warning" for="switch8"></label>
<input styling="checkbox-switch" id="switch10" type="checkbox">
<label styling="info" for="switch10"></label>

    Size

    Example

    <input styling="checkbox-switch" id="switch13" type="checkbox">
<label styling="tiny" for="switch13"></label>
<input styling="checkbox-switch" id="switch14" type="checkbox">
<label styling="massive" for="switch14"></label>