Create custom Sitecore SXA renderings and components

The blog post example has been created on following versions:

•          Using Sitecore 8.2 (rev 170407) update 3
•         Sitecore Experience Accelerator 1.3 rev. 170519 for 8.2.zip

     Below we will see the steps to create SXA compatible custom rendering.

     

       SXA compatibility should have the following features:

•          Available in toolbox
•          Would support drag and drop
•          Will help content authors with help text and areas where they can insert
•          Can have multiple variants
•          Will support SXA OOB styling

Here, I am taking an example of a custom carousel where we have the following requirements:

Carousel will have following global settings:

•          Can have a background colour

Each carousel slide can have:

•          Title
•          Description
•          Image
•           Link
  

a