Skip to content

Revises BetaBadge shared vue component

Marc Saleiko requested to merge ms-revise-beta-badge into master

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)

  1. Use neutral variant instead of badge default muted !126161 (comment 1493883756)
  2. Allow to pass a size prop to adjust the badge size !126161 (comment 1493883756)
  3. Improve popover text !126161 (comment 1493895820)
  4. 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
image image

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Install storybook dependencies: yarn storybook:install
  2. Start storybook locally yarn storybook:start
  3. 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.

Edited by Marc Saleiko

Merge request reports

Loading