feat: add copy button to code blocks

Selleo / design-system

Design System

https://designsystem.selleo.com

4 stars 1 forks source link

Closed snacksncode closed 1 year ago

snacksncode commented 1 year ago

Add "Copy" button to all code blocks. Just use <CodeWithCopy/> instead of <Copy/>.

Stuff that's not done:

Some issues with styling. No idea how to change appearance of copy button after the event is completed. Astro's weird ¯\_(ツ)_\/¯

Update:

Related to #56 - prerequisite

netlify[bot] commented 1 year ago

Name	Link
Latest commit	63254dc070c610e68a8baf5f971fca62cd542ebe
Latest deploy log	https://app.netlify.com/sites/selleo-designsystem/deploys/6401b78ab8a8fa0008888534
Deploy Preview	https://deploy-preview-15--selleo-designsystem.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Matgorn commented 1 year ago

Update:

chore: rebase with current main branch
style: change "copy to clipboard" button appearance and behaviour as presented here

@michalgren @k1eu