SXA Renderings Cheat Sheet
Challenge:
Recently have been doing SXA GAP analysis for new project. Sitecore documentation team has done great job documenting those here : https://doc.sitecore.com/users/sxa/93/sitecore-experience-accelerator/en/the-sxa-renderings-and-rendering-variants.html
As you can see there are 70+ components and it’s easy to remember all of them (you no need to in real world). But when you are doing quick analysis and try to map Non SXA component with SXA.
Mark and SXA team has done great job help you visualize all components using this SXA Style guide : https://www.markvanaalst.com/blog/sxa-styleguide/introducing-the-sxa-styleguide/ (Thank you so much!)
Still I wanted to have list of all components as a single reference card. So, I can quickly review it. And that’s how idea of having SXA Renderings Cheat Sheet came into existence!
Solution:

You can view/Download PDF from here : https://cheatography.com/kpatil/cheat-sheets/sxa-renderings/
- First column indicates Rendering name
- Second column indicates whether it supports rendering variant or not (If this column doesn’t exist means it doesn’t support rendering variant)
- Third column indicates Description
Happy SXA Development! 🙂
Some pictures of the components would be really helpful!
Thanks for feedback! – Have you tried? : https://www.markvanaalst.com/blog/sxa-styleguide/introducing-the-sxa-styleguide/ – If yes, you still think that having screenshots of that will help?