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

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

34 строки923 B

Ilya

feat(*): add info view to progress

23 май 2025, 10:21

23 май 2025, 10:21f83de9a

---
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-dfa';

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