@lcap-ui/linear-progress

LCAP-UI LinearProgress component

Usage no npm install needed!

<script type="module">
  import lcapUiLinearProgress from 'https://cdn.skypack.dev/@lcap-ui/linear-progress';
</script>

README

Linear Progress

Progress and activity indicators are visual indications of an app loading content.

<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.