# Tables & Display

Source

Data tables, avatars, empty states, progress bars, spinners, and skeleton loading placeholders.

## Basic Table

| Name           | Email             | Role  | Status  |
|----------------|-------------------|-------|---------|
| Alice Johnson  | alice@example.com  | Admin | Active  |
| Bob Smith      | bob@example.com    | Editor| Active  |
| Carol Davis    | carol@example.com  | Editor| Pending |
| Dave Wilson    | dave@example.com   | Viewer| Inactive|
| Eve Martinez   | eve@example.com    | Admin | Active  |

## Striped Table

| Product       | Category   | Price   | Stock     |
|---------------|------------|---------|-----------|
| Widget Alpha  | Tools      | $19.99  | In Stock  |
| Widget Beta   | Parts      | $24.99  | In Stock  |
| Widget Gamma   | Tools      | $12.50  | Low Stock |
| Widget Delta   | Parts      | $34.00  | Out of Stock |
| Widget Epsilon| Accessories| $8.75   | In Stock  |

## Hover Table

| Task                 | Assigned To | Priority | Due Date |
|----------------------|-------------|----------|----------|
| Design mockups       | Alice       | High     | Feb 15   |
| Write unit tests     | Bob         | Medium   | Feb 18   |
| Deploy v2.0         | Carol       | Critical | Feb 20   |
| Update documentation | Dave        | Low      | Feb 22   |

## Avatars

### Size Variants

XS

SM

Default

LG

XL

2XL

### Initials

AJ

BS

CD

DW

### Status Indicators

Online

Offline

Busy

Away

### Avatar Group

+3

## Empty States

### No results found

Try adjusting your search or filters to find what you're looking for.

Clear Filters

## Progress Bars

### Color Variants

Primary (65%)

Success (80%)

Warning (45%)

Danger (25%)

### Sizes

Small

Default

Large

Extra Large

### With Labels

72%
Complete

### Striped

## Spinners

### Sizes

Small

Default

Large

Extra Large

### Color Variants

Primary

Success

Warning

Danger

Info

## Skeleton Loading

### Individual Elements

### Skeleton Card Layout

### Source

```
Loading...
```