Dreams Technologies

Default Buttons

Use the button classes on an <a>, <button>, or <input> element.

Rounded Buttons

Add .rounded-pill to default button to get rounded corners.

Outline Buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Rounded Outline Buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Soft Buttons

Use a classes .btn-soft-** to quickly create a bordered buttons.

Soft Rounded Button

Use a classes .btn-soft-** to quickly create a bordered buttons.

Square Button

add .btn-square to change the style.

Square Outline Button

add .btn-square to change the style.

Sizes

Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Button Tags

Use a classes .btn-outline-** to quickly create a bordered buttons.

Link
Button Widths

Use a classes .btn-outline-** to quickly create a bordered buttons.

Button Disabled

Add the disabled attribute to <button> buttons.

Button Loader

Use a classes .btn-outline-** to quickly create a bordered buttons.

Icon Buttons

Use a classes .btn-icon to quickly create a bordered buttons.

Block buttons

Create block level buttons by adding class .d-grid to parent div.

Layout
Choose your layout
Vertical
Horizontal
Two Column
Color Scheme
Choose Light or Dark Scheme.
Orange
Light
Dark
Blue
Maroon
Purple
Layout Width
Choose Fluid or Boxed layout.
Fluid
Boxed
Layout Position
Choose Fixed or Scrollable Layout Position.
Topbar Color
Choose Light or Dark Topbar Color.
Light
Dark