These are Theme Checkboxes.
Use
.new-control,.new-checkboxwithlabeltag,.new-control-inputwith inputtype="checkbox"inside the label and.new-control-indicatorwithspantag inside the label to create theme custom checkboxes.
Use .checkbox-* class to change different colors.
German
Spanish
French
<div class="n-chk">
<label class="new-control new-checkbox checkbox-primary">
<input type="checkbox" class="new-control-input" checked>
<span class="new-control-indicator"></span>Primary
</label>
</div>
Use .new-checkbox-rounded class to create checkboxes rounded.
<div class="n-chk">
<label class="new-control new-checkbox new-checkbox-rounded checkbox-primary">
<input type="checkbox" class="new-control-input">
<span class="new-control-indicator"></span>Primary
</label>
</div>
Use .checkbox-outline-* class to create checkboxes outlined and change different colors.
<div class="n-chk">
<label class="new-control new-checkbox checkbox-outline-default">
<input type="checkbox" class="new-control-input">
<span class="new-control-indicator"></span>Default
</label>
</div>
Use .new-checkbox-rounded class to create checkboxes rounded.
<div class="n-chk">
<label class="new-control new-checkbox new-checkbox-rounded checkbox-outline-primary">
<input type="checkbox" class="new-control-input">
<span class="new-control-indicator"></span>Primary
</label>
</div>
Use .new-checkbox-text class to make text colored as checkbox.
<div class="n-chk">
<label class="new-control new-checkbox new-checkbox-text checkbox-primary">
<input type="checkbox" class="new-control-input">
<span class="new-control-indicator"></span><span class="new-chk-content">Primary</span>
</label>
</div>
Use .new-checkbox-rounded class to make text colored as checkbox.
<div class="n-chk">
<label class="new-control new-checkbox new-checkbox-rounded new-checkbox-text">
<input type="checkbox" class="new-control-input">
<span class="new-control-indicator"></span><span class="new-chk-content">Default</span>
</label>
</div>
These are Theme Radio.
Use
.new-control,.new-radiowithlabeltag,.new-control-inputwith inputtype="radio"inside the label and.new-control-indicatorwithspantag inside the label to create theme custom radio.
Use .radio-* class to change different colors.
<div class="n-chk">
<label class="new-control new-radio radio-primary">
<input type="radio" class="new-control-input" name="custom-radio-1" checked>
<span class="new-control-indicator"></span>Primary
</label>
</div>
Use .radio-classic-* class to make classic.
<div class="n-chk">
<label class="new-control new-radio radio-classic-primary">
<input type="radio" class="new-control-input" name="custom-radio-2">
<span class="new-control-indicator"></span>Primary
</label>
</div>
Use .square-radio class to make squares.
<div class="n-chk">
<label class="new-control new-radio square-radio radio-primary">
<input type="radio" class="new-control-input" name="custom-radio-3">
<span class="new-control-indicator"></span>Primary
</label>
</div>
Use .new-radio-text class to make text colored as checkbox.
<div class="n-chk">
<label class="new-control new-radio new-radio-text radio-primary">
<input type="radio" class="new-control-input" name="custom-radio-4">
<span class="new-control-indicator"></span><span class="new-radio-content">Primary</span>
</label>
</div>
Use .radio-classic-* class to make text colored as checkbox..
<div class="n-chk">
<label class="new-control new-radio new-radio-text radio-classic-primary">
<input type="radio" class="new-control-input" name="custom-radio-5">
<span class="new-control-indicator"></span><span class="new-radio-content">Primary</span>
</label>
</div>
Use .square-radio class to make text colored as checkbox.
<div class="n-chk">
<label class="new-control new-radio square-radio new-radio-text radio-primary">
<input type="radio" class="new-control-input" name="custom-radio-6">
<span class="new-control-indicator"></span><span class="new-radio-content">Primary</span>
</label>
</div>
© 2021 DesignReset
Coded with
Lead Developer
Launch New Seo Wordpress Theme has been moved to Completed Board by Alma Clark
New Task is added by Ernest Reeves
Dinner with Kelly Young has been moved to Completed Board by Dale Butler
New Event has been added on 15 Dec 2020
Collect documents from Kelly at the restaurant tommorrow.
Meeting Event on 12 Nov has been updated to 8 PM
New Event Seminar organised by Design Reset will be held on 25 January
Today's Conference is Cancelled.
Meeting with Project Lead on 01 Jan has been updated to 15 Jan
