gallery
v1.0.5arrow_drop_downv1.0.5
v1.0.4
v1.0.0
STATUS
Passing
DOWNLOADS
195
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 years ago
SIZE
35 KB
Gallery component
1 contributor
Like
Install gallery as a package?
Copied
npm i @bit/dennisdigital.components.organisms.gallery
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example 
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
Gallery ()
Gallery component
Properties
| Name | Type | Default value |
|---|---|---|
title | string | '' |
cover | string | '' |
index | number | 0 |
mode | 'open' | 'close' | 'fullscreen' | 'list' | 'close' |
media | {"thumb":"string","large":"string","video":"string","caption":"string"}[] | [] |
injectAdAfter | number | null |
displayArrows | bool | false |
extraClassNames | {} | {} |
context | {} | {} |
Test Summary
should render without any props | Pass |
title should render when mode is set to open | Pass |
title should not render when mode is set to close | Pass |
title should not render when mode is set to fullscreen | Pass |
checks list mode | Pass |
checks mode props open | Pass |
checks mode props close | Pass |
checks mode props fullscreen | Pass |
checks index props | Pass |
checks invalid index props | Pass |
check for cover props | Pass |
checks media props | Pass |
checks showNextImage function | Pass |
checks showPreviousImage function | Pass |
checks the media caption | Pass |
checks displayArrow props | Pass |
check extraClassNames props | Pass |