mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
docs(react): update component usage docs (#17615)
This commit is contained in:
26
core/src/components/progress-bar/usage/react.md
Normal file
26
core/src/components/progress-bar/usage/react.md
Normal file
@@ -0,0 +1,26 @@
|
||||
```tsx
|
||||
import React from 'react';
|
||||
|
||||
import { IonProgressBar } from '@ionic/react';
|
||||
|
||||
const Example: React.SFC<{}> = () => (
|
||||
<>
|
||||
{/*-- Default Progressbar --*/}
|
||||
<IonProgressBar></IonProgressBar>
|
||||
|
||||
{/*-- Default Progressbar with 50 percent --*/}
|
||||
<IonProgressBar value={0.5}></IonProgressBar>
|
||||
|
||||
{/*-- Colorize Progressbar --*/}
|
||||
<IonProgressBar color="primary" value={0.5}></IonProgressBar>
|
||||
<IonProgressBar color="secondary" value={0.5}></IonProgressBar>
|
||||
|
||||
{/*-- Other types --*/}
|
||||
<IonProgressBar value={0.25} buffer={0.5}></IonProgressBar>
|
||||
<IonProgressBar type="indeterminate"></IonProgressBar>
|
||||
<IonProgressBar type="indeterminate" reversed={true}></IonProgressBar>
|
||||
</>
|
||||
);
|
||||
|
||||
export default Example;
|
||||
```
|
||||
Reference in New Issue
Block a user