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

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

34 строки924 B

Alexander Lobyntsev

chore(sdds-scan-docs): init package

28 май 2025, 12:34

28 май 2025, 12:3447f57c7

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

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

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

##Примеры

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

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

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