0.0.10 • Published 3 years ago
@lcap-ui/linear-progress v0.0.10
Linear Progress
Progress and activity indicators are visual indications of an app loading content.
- Module @lcap-ui/linear-progress
- Import styles:
- Using CSS Loader
- import '@lcap-ui/linear-progress/styles';
- Or include stylesheets
- '@material/linear-progress/dist/mdc.linear-progress.css'
- Using CSS Loader
- MDC Docs: https://material.io/develop/web/components/linear-progress/
<LinearProgress progress={0.5} />
<LinearProgress progress={0.6} buffer={0.8} />
<LinearProgress />
<LinearProgress progress={0.2} reversed />
LinearProgress
A component to display linear progress.
Props
Name | Type | Description |
---|---|---|
buffer | undefined \| number | A Progress buffer float percentage between 0 and 1. |
closed | undefined \| false \| true | Hides the progress bar. Adding / removing this prop will trigger an animation in or out. |
foundationRef | React.Ref<MDCLinearProgressFoundation> | Advanced: A reference to the MDCFoundation. |
progress | undefined \| number | Progress float percentage between 0 and 1. |
reversed | undefined \| false \| true | Progress goes from right to left. |