List Groups
These can be used with other components and elements to create stunning and unique new elements for your UIs.

- Alina Mcloughlin
  A short profile description
- Ruben Tillman
  Etiam sit amet orci eget eros faucibus
  NEW
- Vinnie Wagstaff
- Ella-Rose Henry
  Lorem ipsum dolor sit amet, consectetuer
  568
- <
  Eliot Huber
  43
- Product Sales
  43 Sales $156,24 Totals
  52,5%
  YoY Growth
- Product Sales
- Hidden Actions Pane
- Example file 1

ToDo List

- Wash the car
  Rejected
  Written by Bob
- Task with hover dropdown menu
  By Johnny
  NEW
- Badge on the right task
  This task has show on hover actions!
  Latest Task
- Go grocery shopping
  A short description for this todo item
- Development Task
  Finish React ToDo List App
  69

Chat Box
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system.
11:01 AM | Yesterday
Expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
11:01 AM | Yesterday
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system.
11:01 AM | Yesterday
Denouncing pleasure and praising pain was born and I will give you a complete account.
11:01 AM | Yesterday
The master-builder of human happiness.
11:01 AM | Yesterday

- Alina Mcloughlin
  A short profile description
- Ruben Tillman
  Etiam sit amet orci eget eros faucibus
  NEW
- Vinnie Wagstaff
- Ella-Rose Henry
  Lorem ipsum dolor sit amet, consectetuer
  $ 568
- Eliot Huber
  43
- Product Sales
  43 Sales $156,24 Totals
  52,5%
  YoY Growth
- Product Sales
- Hidden Actions Pane
- Example file 1

##### List group

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

##### List group buttons

##### List group badges

- Cras justo odio 14
- Dapibus ac facilisis in 2
- Morbi leo risus 1

##### List group contextual classes

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac

##### List group custom content

- ##### List group item heading

  Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

- ##### List group item heading

  Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

- ##### List group item heading

  Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

##### List group disabled items

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

##### List group without border

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

### Layout Options

- Full Sidebar
  Removes sidebar layout spacing.
- Pills Page Navigation Style
  Changes the page sub navigation style to pills!

###
Sidebar Options

- ##### Choose Color Scheme

###
Main Content Options

- ##### Color Schemes

### Servers Status

#### Server Load 1

#### Server Load 2

#### Server Load 3

##### Live Statistics

43
Packages
65
Dropped
18
Invalid

### File Transfers

- TPSReport.docx
- Latest_photos.zip
- Annual Revenue.pdf
- Analytics_GrowthReport.xls

### Tasks in Progress

- Wash the car
  Rejected
  Written by Bob
- Task with hover dropdown menu
  By Johnny
  NEW
- Badge on the right task
  This task has show on hover actions!
  Latest Task
- Go grocery shopping
  A short description ...
- Development Task
  Finish React ToDo List App
  69

### Urgent Notifications

#### All Hands Meeting

Yet another one, at 15:00 PM

#### Build the production release
NEW

#### Something not important
+

#### This dot has an info state

#### This dot has a dark state