---
name: LoadingLines
route: /LoadingLines
menu: components
---

import { Playground, Props } from 'docz'
import { LoadingLines, LoadingLinesThemeProvider } from './'

# LoadingLines

<Props of={LoadingLines} />

## Usage

### LoadingLines

<Playground
  style={{
    backgroundColor: 'var(--colorGrayUltraLight)',
    margin: '-2em',
    padding: '2em',
    width: 'auto',
  }}
>
  <LoadingLinesThemeProvider>
    <LoadingLines count={5} />
  </LoadingLinesThemeProvider>
</Playground>

### LoadingLines.Content

<Playground
  style={{
    backgroundColor: 'var(--colorGrayUltraLight)',
    margin: '-2em',
    padding: '2em',
    width: 'auto',
  }}
>
  <LoadingLinesThemeProvider>
    <LoadingLines.Content />
  </LoadingLinesThemeProvider>
</Playground>

### LoadingLines.Table

<Playground
  style={{
    backgroundColor: 'var(--colorGrayUltraLight)',
    margin: '-2em',
    padding: '2em',
    width: 'auto',
  }}
>
  <LoadingLinesThemeProvider>
    <LoadingLines.Table />
  </LoadingLinesThemeProvider>
</Playground>
