Progress Indicator

Description

Threshold and percentage indicators for Enso UI.

Installation

Install the package:

yarn add @enso-ui/progress-indicator

Features

• exports ProgressIndicator, EnhancedProgressIndicator as its public surface
• keeps the Bulma presentation layer separate from the renderless/stateful layer where applicable

Usage

<script setup>
import { ProgressIndicator, EnhancedProgressIndicator } from '@enso-ui/progress-indicator/bulma';
</script>

API

ProgressIndicator

Public export available from ./src/ProgressIndicator.vue.

Props:

• average
• averageColor
• barHeight
• barWidth
• emptyColor
• fillColor
• percentage
• spacing
• value

EnhancedProgressIndicator

Public export available from ./src/EnhancedProgressIndicator.vue.

Props:

• aboveThresholdColor
• average
• belowThresholdColor
• emptyIndicator
• percentage
• inverted
• thresholdColor
• tolerance
• value

Depends On

• No additional Enso UI dependencies.

Contributions

are welcome. Pull requests are great, but issues are good too. Thank you to all the people who already contributed to Enso!

License

MIT