Gatsby is joining Netlify: Read the announcement post

ContactSign Up for Free
Community Plugin
View plugin on GitHub


Adds attributes to span tags to MarkdownRemark using remark-bracketed-spans.


npm install --save gatsby-remark-bracketed-spans

How to use

Leverage remark plugin with syntax below:

[text in span]{.class .other-class #anything another=example}

And get the following html:

<p><span class="class other-class" id="anything" data-another="example">text in span</span></p>

Here is an example of how you can add plugin to your gatsby-config.js file:

plugins: [
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [
© 2023 Gatsby, Inc.