Toggle Button guide for billboard framework

You can find files and CDN billboard framework in following link.

elbillboard.com

for chenging color Toggle Button you can use the optional classes:
blue
orange
red
in [<input class=”tg-list-item [*color-class-name]” />]
and for change style use:
tagl-square
tgl-light
tgl-ios
tgl flat
in [<input class=”tgl [*class-name]” />].

<ul class="tg-list">
<li class="tg-list-item blue">
<h4>Square</h4>
<input class="tgl tgl-square" id="cb7" type="checkbox"/>
<label class="tgl-btn " for="cb7"></label>
</li>
<li class="tg-list-item orange">
<h4>Light</h4>
<input class="tgl tgl-light" id="cb1" type="checkbox"/>
<label class="tgl-btn " for="cb1"></label>
</li>
<li class="tg-list-item red">
<h4>iOS</h4>
<input class="tgl tgl-ios" id="cb2" type="checkbox"/>
<label class="tgl-btn" for="cb2"></label>
</li>
<li class="tg-list-item">
<h4>Flat</h4>
<input class="tgl tgl-flat" id="cb4" type="checkbox"/>
<label class="tgl-btn" for="cb4"></label>
</li>
</ul>

elbillboard

A free HTML, CSS , JS framework

Amir Mahmoud Mirzargar

Written by

Founder & developer billboard framework , CEO https://thebravo.cc

elbillboard

A free HTML, CSS , JS framework

More From Medium

More on Web Development from elbillboard

More on Web Development from elbillboard

Radio Button guide for billboard framework

More on Web Development from elbillboard

More on Web Development from elbillboard

List Group guide for billboard framework

More on Web Development from elbillboard

More on Web Development from elbillboard

Dropdawn guide for billboard framework

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade