Basic Directions Sizes Grouped Split Custom

#### Dropdown

`.btn-primary`

Action Another action Something else here Separated link

`.btn-outline-primary`

Action Another action Something else here Separated link

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

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

#### Dropright

Use `.dropright` class to open dropdown menu in right direction.

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

#### Dropleft

Use `.dropleft` class to open dropdown menu in left direction.

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

#### Small Button

Use `.btn-sm` class to make small button dropdown menu.

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

#### Large Button

Use `.btn-lg` class to make large button dropdown menu.

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

#### Grouped Dropdown Buttons

Use `.btn-group` class to make group buttons.

Dropdown link Dropdown link
Dropdown link Dropdown link

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

Action Another action Something else here
Separated link

`.btn-outline-primary`

Action Another action Something else here
Separated link

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

Account Profile Settings
Account Profile Settings
Profile
Notification
Settings
Profile
Notification
Settings

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