# 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 →