{"repo":"iamskok/gatsby-remark-code-buttons","free":true,"listed":false,"github":"https://github.com/iamskok/gatsby-remark-code-buttons","clone":"git clone https://github.com/iamskok/gatsby-remark-code-buttons.git","description":"Buttons for code snippets 🔘","language":"JavaScript","stars":19,"topics":["gatsby","gatsby-plugin","gatsby-remark-plugin","javascript","markdown"],"license":null,"category":"productivity","readme_excerpt":"gatsby-remark-code-buttons Add buttons to markdown code snippets. This plugin doesn't support MDX. Example of MDX copy button. Install How to use in your gatsby-config.js Options Custom styling Now that we've injected the custom button, we need to style it! To apply custom styles import stylesheet in your app's root gatsby-browser.js . Usage in Markdown In your Markdown content js This plugin will parse the Markdown AST, pluck the button, and then \"clean\" the code snippet language for further processing. With the default config options this plugin will create the following structure, injecting a custom div : With toasterText config enabled this plugin will inject a custom toaster node: Don't show button js","default_branch":null,"files":null,"tree":[],"storefront":"/r/iamskok","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/iamskok/gatsby-remark-code-buttons/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}