@licuido-ui/ui_linear-progress v0.0.2

LinearProgress

LinearProgress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.

Author

• @author Henry Dyson J henry@crayond.co

Link

Story Book Link LinearProgress

PlayGround

Try it have a fun codeBox

Installation

npm i @licuido-ui/ui_linear-progress

Import component

import { LinearProgress } from '@licuido-ui/ui_linear-progress';

Usage

<LinearProgress value={20} thumbPrimaryColor='#7377f5' thumbSecondaryColor={'#b2b1fa'} />

Image

Sample Code

<LinearProgress
  value={20}
  variant={'indeterminate'}
  thumbHeight={10}
  className={'linear_progress'}
  valueBuffer={3}
  progressLabel={true}
  linearBarStyle={{ backgroundColor: '#fdd' }}
  symbols={'%'}
  symbolsColor={'#f00'}
  isShowToolTip={false}
  TooltipTextColor={'#ff0'}
  TooltipBgColor={'#fd0d'}
  TooltipArrowColor={'fd0d'}
  thumbPrimaryColor={'#7377f5'}
  thumbSecondaryColor={'#b2b1fa'}
/>

Props