<CaseStudySlider> Component

A slider component that can display up to three case studies and allow a visitor to toggle between them, and click through to read.

Share
Code Editor

Where it's used

0.x.x
Loading 0.x.x releases...
1.x.x
Loading 1.x.x releases...
2.x.x
Loading 2.x.x releases...
3.x.x
Loading 3.x.x releases...
4.x.x
Loading 4.x.x releases...
5.x.x
Loading 5.x.x releases...
6.x.x
Loading 6.x.x releases...
7.x.x
Loading 7.x.x releases...

Props

NameDescription
data
object
Data for the case study slider
Object contains nested props, see below:
data.caseStudies
array
Collection of case study objects
Array members must be of the type below:
data.caseStudies[x]
object
Object contains nested props, see below:
data.caseStudies[x].company
object
object containing a company logo, typically returned directly from nextjs
Object contains nested props, see below:
data.caseStudies[x].company.monochromeLogo
object
black/gray logo
Object contains nested props, see below:
data.caseStudies[x].company.monochromeLogo.url
string
url of the image
data.caseStudies[x].company.monochromeLogo.alt
string
alt text for the image
data.caseStudies[x].company.monochromeLogo.format
string
format of the image, like "jpg" or "svg"
data.caseStudies[x].company.whiteLogo
object
white logo
Object contains nested props, see below:
data.caseStudies[x].company.whiteLogo.url
string
url of the image
data.caseStudies[x].company.whiteLogo.alt
string
alt text for the image
data.caseStudies[x].company.whiteLogo.format
string
format of the image, like "jpg" or "svg"
data.caseStudies[x].headline
string
headline text
data.caseStudies[x].description
string
body text under the deadline
data.caseStudies[x].caseStudyResource
data.caseStudies[x].caseStudyImage
object
image representing a linked case study
Object contains nested props, see below:
data.caseStudies[x].caseStudyImage.url
string
url of the image
data.caseStudies[x].caseStudyImage.alt
string
alt text for the image
data.caseStudies[x].caseStudyImage.format
string
format of the image, like "jpg" or "svg"
data.caseStudies[x].buttonLabel
string
overrides the button text
timing
integer
Slider timing in seconds
dark
boolean
Controls color of some elements - button and progress bars

Example

Share
Code Editor