🤩
Windframe Import update is finally here!

Switch

Bootstrap 5 Switch

The Contrast Bootstrap 5 Switch is a simple component that may be used to activate one of two choices. It's most commonly used as an on/off switch.

It's commonly utilized in a variety of forms because it's extremely simple to use and reduces the amount of time required to fill out all of the fields.

Contrast Bootstrap 5 Switch

Bootstrap Switch

html
html
<label class="custom-switch">
<input type="checkbox" />
<span class="custom-control"></span>
</label>
<label class="custom-switch">
<input type="checkbox" checked />
<span class="custom-control"></span>
</label>

Rounded Switch

To make your switch more rounded, use the custom-switch-rounded command.

Bootstrap Switch Rounded

html
html
<label class="custom-switch custom-switch-rounded">
<input type="checkbox" />
<span class="custom-control"></span>
</label>
<label class="custom-switch custom-switch-rounded">
<input type="checkbox" checked />
<span class="custom-control"></span>
</label>

Trying to build out all user interfaces and components for your website or web app from scratch can become a very tedious task. A huge reason why we created Contrast Bootstrap to help reduce the amount of time we spend doing that, so we can focus on building some other aspects of the project. Contrast Bootstrap PRO consists of a UI Kit featuring over 10000+ component variants. Together with a template of 5 admin dashboards and 23+ additional multipurpose pages template for building almost any type of website or web app. You can view a demo and learn more about Contrast by clicking here.Download the free react template

ad-banner

Contrast Bootstrap PRO was built using the most popular CSS framework Bootstrap to help build your next landing, admin SAAS, prelaunch etc project with a clean, prebuilt and well documented template and UI components.Learn more about Contrast