Skip to content

Commit

Permalink
Update Loader.dev.stand.mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
alyonurchick1 committed Dec 10, 2024
1 parent 10ee090 commit a9a81a7
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions src/components/Loader/__stand__/Loader.dev.stand.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import { Loader } from '@consta/uikit/Loader';

## Тип

За размер лоадера отвечает свойство `type`.
За размер компонента отвечает свойство `type`.

Может принимать значения:

Expand All @@ -45,7 +45,7 @@ import { Loader } from '@consta/uikit/Loader';

## Размер

За размер лоадера отвечает свойство `size`.
За размер компонента отвечает свойство `size`.

<MdxTabs>

Expand All @@ -61,7 +61,7 @@ import { Loader } from '@consta/uikit/Loader';

### Кастомный размер

Для установки любого размера, используйте css переменную `--loader-size-prop`
Чтобы установить любой размер, используйте css-переменную `--loader-size-prop`

<MdxTabs>

Expand Down Expand Up @@ -91,7 +91,7 @@ export const LoaderExampleCustomSize = () => (

## Вид

Вид лоадера можно установить в свойстве `view`.
Вид компонента можно установить в свойстве `view`.

<MdxTabs>

Expand All @@ -106,7 +106,7 @@ export const LoaderExampleCustomSize = () => (

### Кастомный цвет

Для перекрашивания лоадера в любой цвет используйте css переменную `--loader-color-prop`.
Для перекрашивания компонента в любой цвет используйте css-переменную `--loader-color-prop`.

<MdxTabs>

Expand Down Expand Up @@ -138,9 +138,9 @@ export const LoaderExampleCustomColor = () => (

| Свойство | Тип | По умолчанию | Описание |
| ------------------ | ---------------------------------------------------------- | ------------ | ----------------------------------------------- |
| [`size?`](#размер) | `'xs'` <code>&#124;</code> `'s'` <code>&#124;</code> `'m'` | `'m'` | Размер лоадера |
| [`type?`](#тип) | `'dots'` <code>&#124;</code> `'circle'` | `dots'` | Тип лоадера |
| [`view?`](#тип) | `'primary'` <code>&#124;</code> `'clear'` | `primary'` | Вид лоадера |
| [`size?`](#размер) | `'xs'` <code>&#124;</code> `'s'` <code>&#124;</code> `'m'` | `'m'` | Размер |
| [`type?`](#тип) | `'dots'` <code>&#124;</code> `'circle'` | `dots'` | Тип |
| [`view?`](#тип) | `'primary'` <code>&#124;</code> `'clear'` | `primary'` | Вид |
| `className?` | `string` | - | Дополнительный CSS-класс |
| `ref?` | `React.Ref<HTMLDivElement>` | - | Ссылка на корневой DOM-элемент этого компонента |

Expand Down

0 comments on commit a9a81a7

Please sign in to comment.