#### 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>