We use <Output> control on Signup page to allow user to copy random user ID / secret. We will have better UX if we will have a copy button directly.
- Start visual tests and open Output story.
- Edit
web/ui/output.svelte
- Add
size="icon" button with copy icon.
- After click change icon to OK icon for a few seconds (use
aria-live to announce copied for screen readers).
- Copy text by using async Clipboard API.
- Add OK state to Output story.
- Open Signup page story and check that everything works.
We use
<Output>control onSignuppage to allow user to copy random user ID / secret. We will have better UX if we will have a copy button directly.web/ui/output.sveltesize="icon"button with copy icon.aria-liveto announcecopiedfor screen readers).