Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
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.