Gradient Buttons

Using .qhr-btn.qhr-btn--gradient.qhr-btn--tone-[tone]

General Buttons

Using .qhr-btn.qhr-btn--tone-[tone]

Light Buttons

Using .qhr-btn.qhr-btn--light.qhr-btn--tone-[tone]

Button with outline

Using .qhr-btn.qhr-btn--outline.qhr-btn--tone-[tone]

Light Button with outline

Using .qhr-btn.qhr-btn--outline-light.qhr-btn--tone-[tone]

Rounded Buttons

Using .qhr-btn.qhr-btn--rounded.qhr-btn--tone-[tone]

Light Rounded Buttons

Button Sizes

Flat Buttons

Button with icon

Split buttons & Dropdown

Circle Buttons

.qhr-btn--xs
.qhr-btn--sm
Default (.qhr-btn--md)
.qhr-btn--lg

Button Groups

Horizontal Button Group
Vertical Button Group

Application Buttons

جديد البريد التقويم المحادثات