Gallery
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| items | The array of items (data) to render the gallery. | array | false | [] |
| maxWidth | The maximum width we are allowed minus two buttons for next and previous divided by the width of a card. | number | false | 3 |
| cardWidth | The width of the card in rem unit. | number | false | 13.8 |
| showIndicatorBar | The option to show indicator bar at the bottom. | boolean | false | true |
| highlightActive | The option to highlight the active item. | boolean | false | true |
| showCardDetails | The option to show card details. | boolean | false | true |
| bodyStyle | The CSS to define card's style. | object | false | { padding: '20px', background: '#ffffff' } |
| bottomSpacer | The space between the card and indicator bar. | object | false | { minHeight: '4rem' } |
| imageContainerStyle | The CSS for image container in card. | object | false | {} |
| imageStyle | The CSS for image style in card. | object | false | {} |
| metaData | object | false | { datasetVersion: -1, datasetId: -1,} | |
| description | string | false | '' | |
| shadow | when to show card shadows (always / hover / never) | string | false | 'always' |