Skip to main content
K
Last modified: 4/Oct/2024

Counter

Determinate indicators display how long a process will take. They should be used when the process completion rate can be detected.

#Usage

import { Counter } from '@kinsta/stratus' const MyComponent = () => ( <Counter currentValue={30} minValue={0} maxValue={100} /> )

#Props

#label
string | number | ReactElement<any, string | JSXElementConstructor<any>>
The text above the counter
#minValue
Required
number
The min value of the counter
#maxValue
Required
number
The max value of the counter
#currentValue
Required
number
The current value of the counter

#Types

  • CounterProps: props of the Counter component processed by stratus

Read more about types here