###### Round Buttons

Use `.btn-{state}` for different states

###### Square Buttons

Use `.btn-square` for square buttons

###### Pill Buttons

Use `.btn-pill` for pill buttons

###### Round Outline Buttons

Use `.btn-outline-{state}` for different outline states

###### Square Outline Buttons

Use `.btn-square` for square outline buttons

###### Pill Outline Buttons

Use `.btn-pill` for pill outline buttons

###### Round Gradient Buttons

Use `.btn-gradient-{state}` for different gradient states

###### Square Gradient Buttons

Use `.btn-square` for square gradient buttons

###### Pill Gradient Buttons

Use `.btn-pill` for pill gradient buttons

###### Round Buttons with Icon

Use `.btn-{state}` for different button states and `.has-icon` for icon buttons

###### Square Buttons with Icon

Use `.btn-square` for square icon buttons

###### Pill Buttons with Icon

Use `.btn-pill` for pill icon buttons

###### Round Icon Buttons

Use `.ms-btn-icon .btn-{state}` for different Icon states

###### Round Outline Icon Buttons

Use `.ms-btn-icon-outline .btn-{state}` for different Icon states

###### Square Icon Buttons

Use `.btn-square` for square Icon buttons

###### Square Outline Icon Buttons

Use `.btn-square` for square Icon buttons

###### Circle Icon Buttons

Use `.btn-pill` for circle Icon buttons

###### Circle Outline Icon Buttons

Use `.btn-pill` for circle Icon buttons

###### Button Groups

Use `.btn-group.btn-group-toggle` as a parent for multiple `.btn`

Active Radio Radio

Use `.flex-column` for vertical button groups

Active Radio Radio

###### Block Level Buttons

Use `.btn-block` for block level buttons

###### Round Social Media Buttons

###### Square Social Buttons

###### Pill Social Buttons

##### Title

- ###### Task Block Title

  - Task to do
  - Task to do

- New Reminder

Developer Meeting in Block B

access_time Today - 3:45 pm

Start adding change log to version 2

access_time Tomorrow - 12:00 pm

- New Note
- Export to Excel

###### Don't forget to check with the designer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate urna in faucibus venenatis. Etiam at dapibus neque, vel varius metus. Pellentesque eget orci malesuada, venenatis magna et

###### Perform the required unit tests

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate urna in faucibus venenatis. Etiam at dapibus neque, vel varius metus. Pellentesque eget orci malesuada, venenatis magna et

Invite Team Members

#### Customize

Dark Mode
Remove Quickbar

#### Keyboard Shortcuts

`Esc` Close Quick Bar

`Alt + (1 -> 6)` Open Quick Bar Tab

`Alt + Q` Enable Quick Bar Configure Mode

##### New Reminder

Remind me about
Repeat Daily

##### New Note

Note Title
Note Description