Example JSON Component Structure

Section.json

Sections Array[]

0 [{ // What are our section keys
  'component': 'HeroSection', // Define the component that is used for this section
  'order' : 1,
  'background' : {
      'type' : 'image', // video / color
      'color' : '#ffffff',
      'url' : '#'
  },
  'visibility' : 'all', // all / loggedin / loggedout / subscribers / non-subscribers
  'responsive_visibility' : 'all', // all / sm / md / lg / xl
  'extra_classes' : 'something d-none',
  'spacing' : {
     'top' : 'sm',
     'bottom' : 'lg',
  },

  'slots': {
      'section_cta': {
          component: 'x-tailwind.categories-list',
          'extra_classes' : 'something d-none',
          options: {
              style: 'grid', // list or style-1 , style-2, style-3
              type : featured,
              show_parent: 5,
              show_image: true,
              'extra_classes' : 'something d-none',
          }
        }
  }
}]