# SSectionCategories
Section with menu categories displayed in carousel
# Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| bg | Section's background color | string | primary, primary-light, primary-dark, secondary, info, warning, danger, success, dark, light, transparent | 'transparent' |
| theme | Section's color scheme | string | light, dark, inverted | 'default' |
| title | Sets section title | string|boolean | - | |
| items | Sets categories to display in carousel | array | - |
This is data structure for items prop.
[
{
"id": 1,
"name": "Burgers",
"image": "http://assets.suelo.pl/soup/img/photos/menu-title-burgers.jpg"
},
{
"id": 2,
"name": "Pizza",
"image": "http://assets.suelo.pl/soup/img/photos/menu-title-pizza.jpg"
},
{
"id": 3,
"name": "Sushi",
"image": "http://assets.suelo.pl/soup/img/photos/menu-title-sushi.jpg"
},
{
"id": 4,
"name": "Pasta",
"image": "http://assets.suelo.pl/soup/img/photos/menu-title-pasta.jpg"
},
{
"id": 5,
"name": "Desserts",
"image": "http://assets.suelo.pl/soup/img/photos/menu-title-desserts.jpg"
},
{
"id": 6,
"name": "Drinks",
"image": "http://assets.suelo.pl/soup/img/photos/menu-title-drinks.jpg"
}
]
Single feature item is a SFeature component.
← SSection SSectionCta →