<CaseStudySlider> ComponentA slider component that can display up to three case studies and allow a visitor to toggle between them, and click through to read.
| Name | Description |
|---|---|
dataobject | Data for the case study slider Object contains nested props, see below: |
data.caseStudiesarray | 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].companyobject | object containing a company logo, typically returned directly from nextjs Object contains nested props, see below: |
data.caseStudies[x].company.monochromeLogoobject | black/gray logo Object contains nested props, see below: |
data.caseStudies[x].company.monochromeLogo.urlstring | url of the image |
data.caseStudies[x].company.monochromeLogo.altstring | alt text for the image |
data.caseStudies[x].company.monochromeLogo.formatstring | format of the image, like "jpg" or "svg" |
data.caseStudies[x].company.whiteLogoobject | white logo Object contains nested props, see below: |
data.caseStudies[x].company.whiteLogo.urlstring | url of the image |
data.caseStudies[x].company.whiteLogo.altstring | alt text for the image |
data.caseStudies[x].company.whiteLogo.formatstring | format of the image, like "jpg" or "svg" |
data.caseStudies[x].headlinestring | headline text |
data.caseStudies[x].descriptionstring | body text under the deadline |
data.caseStudies[x].caseStudyResource | |
data.caseStudies[x].caseStudyImageobject | image representing a linked case study Object contains nested props, see below: |
data.caseStudies[x].caseStudyImage.urlstring | url of the image |
data.caseStudies[x].caseStudyImage.altstring | alt text for the image |
data.caseStudies[x].caseStudyImage.formatstring | format of the image, like "jpg" or "svg" |
data.caseStudies[x].buttonLabelstring | overrides the button text |
timinginteger | Slider timing in seconds |
darkboolean | Controls color of some elements - button and progress bars |