Skip to content

Add `FormInputGroupCopyToggleVisibility` Vue component

What does this MR do and why?

Creates a new component in vue_shared. This component will display a value in a readonly. By default the value will be hidden but there are buttons to reveal and copy the value.

This component will be used for:

Screenshots or screen recordings

Screen_Shot_2021-11-22_at_5.48.34_PM

Screen_Shot_2021-11-22_at_5.48.47_PM

How to set up and validate locally

  1. Checkout this branch
  2. Run yarn storybook:start in your terminal
  3. When it asks Would you like to generate/update the frontend fixtures used by the mock server (y/N)? you should be able to answer N

Note: the copy button won't actually copy the value in storybook because initCopyToClipboard is not initialized in storybook.

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 Peter Hegman

Merge request reports

Loading