Howdy
First of all, I am stoked with doctocat. We are moving from storybook at Thinkific and your theme is so cool. Never worked with Gatsby before and it has been a great developer experience.
We have a component library in React. Our components use SASS. I am trying different things here with the jsx live
and I am not sure if this use case is mapped:
I have created a live-code-scope.js following your docs:
import Badge from '../../components/Badge';
export default { Badge };
In my badge.mdx file I have:
<Badge type="primary">Primary</Badge>
The output of the code will be:
<span class="badge badge--primary">Primary</span>
...but the styles are not there.
Tried a different approach: added an import in my mdx file (and the gatsby-plugin-sass plugin). This time the CSS works fine inside the mdx file, but not inside the jsx live
block (reference error as covered in your docs). In details:
import Badge from 'src/components/Badge'
<Badge type="primary">Primary</Badge>
jsx
<Badge type="primary">Primary</Badge>
Any ideas of what is going on here?
Thanks and keep being awesome