German
Japanese
French
Default
.btn-primary
.btn-outline-primary
<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>
Dropup
Use .dropup class to open dropdown menu in upward direction.
Dropright
Use .dropright class to open dropdown menu in right direction.
Dropleft
Use .dropleft class to open dropdown menu in left direction.
Small Button
Use .btn-sm class to make small button dropdown menu.
Large Button
Use .btn-lg class to make large button dropdown menu.
Grouped Dropdown Buttons
Use .btn-group class to make group buttons.
<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>
Split
.btn-primary
.btn-outline-primary
<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>
Custom Dropdown
Use .custom-dropdown class on div tag of a dropdown .
<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>
Copyright © 2021 DesignReset, All rights reserved.
Coded with