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' |