import './Card.css'

## Demos

### Horizontal grid collapsed


import Example1 from './Example1.html?raw'

<LiveExample html={Example1} />

### Horizontal grid expanded


import Example2 from './Example2.html?raw'

<LiveExample html={Example2} />

### Horizontal split


import Example3 from './Example3.html?raw'

<LiveExample html={Example3} />

### Details card


import Example4 from './Example4.html?raw'

<LiveExample html={Example4} />

### Aggregate status card


import Example5 from './Example5.html?raw'

<LiveExample html={Example5} />

### Status, tabbed card


import Example6 from './Example6.html?raw'

<LiveExample html={Example6} />

### Status card


import Example7 from './Example7.html?raw'

<LiveExample html={Example7} />

### Status card expanded notifications


import Example8 from './Example8.html?raw'

<LiveExample html={Example8} />

### Status card expanded with popover


import Example9 from './Example9.html?raw'

<LiveExample html={Example9} />

### Utilization card 1


import Example10 from './Example10.html?raw'

<LiveExample html={Example10} />

### Utilization card 2


import Example11 from './Example11.html?raw'

<LiveExample html={Example11} />

### Utilization card 3


import Example12 from './Example12.html?raw'

<LiveExample html={Example12} />

### Utilization card 4


import Example13 from './Example13.html?raw'

<LiveExample html={Example13} />

### Nested cards with expand toggle on the right


import Example14 from './Example14.html?raw'

<LiveExample html={Example14} />

### Nested cards with expand toggle


import Example15 from './Example15.html?raw'

<LiveExample html={Example15} />

### With accordion


import Example16 from './Example16.html?raw'

<LiveExample html={Example16} />

### Trend card 1


import Example17 from './Example17.html?raw'

<LiveExample html={Example17} />

### Trend card 2


import Example18 from './Example18.html?raw'

<LiveExample html={Example18} />

### Log view


import Example19 from './Example19.html?raw'

<LiveExample html={Example19} />

### Events view


import Example20 from './Example20.html?raw'

<LiveExample html={Example20} />