Responsive
Atoms
FormLabel
Default
Molecules
ContactDetails
Default
Organisms
HeaderMinimal
Default
ServicesGroupFinderBlock
With Results No Results

StoryCarousel / Without CTA Button

Carousel without the bottom CTA button

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/StoryCarousel/StoryCarousel.cshtml", new StoryCarouselProps
{
"Heading": "Our Stories",
"Stories": [
{
"Title": "David\u0027s Story",
"Description": "I had no idea men could get breast cancer",
"ImageHtml": {},
"LinkText": "Read David\u0027s story",
"LinkUrl": "#david-story",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Kreena\u0027s Story",
"Description": "The next few months were a blur of biopsies",
"ImageHtml": {},
"LinkText": "Read Kreena\u0027s story",
"LinkUrl": "#kreena-story",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Sally\u0027s Story",
"Description": "How wearing silly wigs led to raising \u00A315,000",
"ImageHtml": {},
"LinkText": "Read Sally\u0027s story",
"LinkUrl": "#sally-story",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Tabatha\u0027s Story",
"Description": "Movement and exercise got me through",
"ImageHtml": {},
"LinkText": "Read Tabatha\u0027s story",
"LinkUrl": "#tabatha-story",
"LinkTarget": null,
"IsActive": false
}
],
"CtaButton": null
})
♿ Accessibility