Revises BetaBadge shared vue component
What does this MR do and why?
This MR revises the newly added <beta-badge />
shared component based on feedback in the introducing MR Adds beta-badge shared vue component (!126161 - merged)
- Use
neutral
variant instead of badge defaultmuted
!126161 (comment 1493883756) - Allow to pass a
size
prop to adjust the badge size !126161 (comment 1493883756) - Improve popover text !126161 (comment 1493895820)
- Adds hover state styling !128445 (comment 1502339848)
Contributes to Create component for feature version/maturity b... (#410696 - closed)
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
Before | After |
---|---|
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Install storybook dependencies:
yarn storybook:install
- Start storybook locally
yarn storybook:start
- Browse to http://localhost:9002/?path=/story/vue-shared-beta-badge--default
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Marc Saleiko