import spacerProps from '!!ts-docgen-loader!./props.tsx';

Значения внутренних отступов можно задать с помощью трех вариантов.

1. С помощью свойства `all`:

  ```ts
  // src/App.ts
  import React from 'react'
  import { Spacer } from '@yandex-lego/components/Spacer'

  const App = () => (
    <Spacer all={10}>
      Content
    </Spacer>
  )
  ```

2. С помощью свойства `vertical` и/или `horizontal`:

  ```ts
  // src/App.ts
  import React from 'react'
  import { Spacer } from '@yandex-lego/components/Spacer'

  const App = () => (
    <Spacer vertical={10} horizontal={20}>
      Content
    </Spacer>
  )
  ```

3. С помощью свойств `top` и/или `bottom` и `right` и/или `left`:

  ```ts
  // src/App.ts
  import React from 'react'
  import { Spacer } from '@yandex-lego/components/Spacer'

  const App = () => (
    <Spacer top={10}>
      Content
    </Spacer>
  )
  ```

> Указать единицы измерения можно, передав значение в виде строки, например `10rem`, по умолчанию будут использованы `px`.

### Props

<PropsTable props={spacerProps} />