We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
// gatsby-config.js ... plugins: [ `gatsby-plugin-mdx`, `gatsby-plugin-reflexjs`, ]
<!-- src/pages/index.mdx --> <div bg="red">Hello world!</div>
<div class="css-0">Hello world!</div>
The bg style prop is ignored. No CSS class with background-color: red is added to the rendered div.
bg
background-color: red
The style prop should be applied via a generated CSS class.
Can I override the jsx pragma used by gatsby-plugin-mdx with reflexs.jsx?
gatsby-plugin-mdx
reflexs.jsx
The text was updated successfully, but these errors were encountered:
The style props are not enabled by default for MDX.
You can pass Box (import { Box } from "reflexjs"} to MDX component and use this for styling.
Box
import { Box } from "reflexjs"
This should work too.
Sorry, something went wrong.
Have you done this before by any chance?
No branches or pull requests
Input
Output
The
bg
style prop is ignored. No CSS class withbackground-color: red
is added to the rendered div.Expected output
The style prop should be applied via a generated CSS class.
Remarks
Can I override the jsx pragma used by
gatsby-plugin-mdx
withreflexs.jsx
?The text was updated successfully, but these errors were encountered: