website/sdds-cs-docs/docs/components/Progress.mdx - dev - sdds/plasma

website/sdds-cs-docs/docs/components/Progress.mdx

30 строк758 B

Ilya

feat(sdds-cs-docs): edit docs

15 окт 2024, 22:01

15 окт 2024, 22:018bdf9ad

---
id: progress
title: Progress
---

import { PropsTable, Description } from '@site/src/components';

# Progress
<Description name="Progress" />
<PropsTable name="Progress" exclude={['css']} />

##Примеры

### Вид прогресса
Вид прогресса задается с помощью свойства `view`. Возможные значения свойства `view`:
+ `"default"` – по умолчанию;
+ `"accent"` – акцентная;
+ `"positive"` – успешное завершение;
+ `"negative"` – ошибка;

```tsx live
import React from 'react';
import { Progress } from '@salutejs/sdds-cs';

export function App() {
    return (
        <Progress value={25} view="accent" displayValue />
    );
}
```