diff --git a/packages/gatsby-transformer-remark/README.md b/packages/gatsby-transformer-remark/README.md index ac4d5b726f06f..b93ec0e1233bd 100644 --- a/packages/gatsby-transformer-remark/README.md +++ b/packages/gatsby-transformer-remark/README.md @@ -37,6 +37,17 @@ This plugin adds additional fields to the `MarkdownRemark` GraphQL type including `html`, `excerpt`, `headers`, etc. Other Gatsby plugins can also add additional fields. +## Adding custom classes +You can also add custom classes to elements. This is especially useful for custom positioning of images, for example right-aligning: +```markdown +![Octocat](octocat.gif "This is Octocat"){.img .img--right} +``` + +This will result in the following: +```html +Octocat +``` + ## How to query A sample GraphQL query to get MarkdownRemark nodes: