v1.1.0
New Features
🆕 Status indicator component
A new BccStatusIndicator
is introduced, which pairs well with the existing BccCapacityIndicator
. Where the capacity indicator displays how much capacity is used up in for example an activity, the status indicator is a companion component with a similar layout that can display any icon, with default, success and danger states.
Capacity indicator only animates changes
Until now, when the animate
prop was set the capacity indicator would animate to the current value when rendered. Because this can be annoying for users, the prop was turned to false
by default in a previous release. Now we have changed it so that the component will only animate when the underlying value changes:
capacity_indicator_animation.mov
Because of this the animate
prop was removed, as we think this new behaviour is what almost everyone would expect from a component like this, and this was actually intended like this originally.
A new animationDuration
prop is introduced to control the length of the animation. Set it to 0
to totally disable all animation.
Other Changes
- Add list example for Avatar by @laurensgroeneveld in #120
- Move CSS files to their component directory by @laurensgroeneveld in #121
- Upgrade Vue to 3.3 by @laurensgroeneveld in #123
- Add all states for capacity indicator by @laurensgroeneveld in #124
- Only animate capacity indicator on value change by @laurensgroeneveld in #126
Full Changelog: v1.0.1...v1.1.0