German
Japanese
FrenchDropdown
Default
.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 .dropupclass to open dropdown menu in upward direction.
Dropright
Use .droprightclass to open dropdown menu in right direction.
Dropleft
Use .dropleftclass to open dropdown menu in left direction.
Small Button
Use .btn-smclass to make small button dropdown menu.
Large Button
Use .btn-lgclass to make large button dropdown menu.
Grouped Dropdown Buttons
Use .btn-groupclass 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-dropdownclass on divtag 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 © 2020 DesignReset,All Rights Reserved.
Coded with