Magnet UI

Button

Buttons are also called as call to action. We have range of buttons and their states to choose from.

Solid Buttons

For using solid button use classes primary-btn, secondary-btn, error-btn or success-btn.

Outline Buttons

For using outlined button use classes outline-primary-btn, outline-secondary-btn, outline-error-btn or outline-success-btn.

Link Buttons

Use class link-btn for link button.

Icon Buttons

Disabled Buttons

Floating action Button

Use class float-action-btn for floating action button.