<st-testimonials>

JSON type: Testimonials

Section heading plus customer quotes or stories. Port of React Testimonials.

Each card shows whatever its item has: a cover image, the customer logo, a story headline, a quote with star rating, result metrics, the author and a "See full story" link. layout="grid" (default) lays the cards out in a grid; layout="carousel" puts them on one horizontally scrolling, snapping row with previous/next buttons next to the heading — the customer-story carousel of enterprise marketing pages. action-label/action-href add a section-level link (e.g. "Explore customer stories"). Any item set can use the carousel: region-label names it for assistive technology (e.g. "Services") and role-description changes its aria-roledescription.

Usage

import '@sankhyatronics/sankhya-cms/testimonials'; // registers <st-testimonials>

Properties

Property	Attribute	Type	Default	Description
title	title	string	''
subtitle	subtitle	string	''
items	—	TestimonialItem[]	[]
inverted	inverted	boolean	false
layout	layout	'grid' | 'carousel'	'grid'	grid (default) or carousel: one scrolling row with previous/next buttons.
linkLabel	link-label	string	'See full story'	Default text of each card's story link.
regionLabel	region-label	string	''	Accessible name of the carousel's scrolling region. Default: the title, or "Stories". Set it to what the items are (e.g. "Services" for a row of service cards).
roleDescription	role-description	string	''	aria-roledescription of the carousel's scrolling region. Default: "carousel".
actionLabel	action-label	string	''	Section-level link text, e.g. "Explore customer stories".
actionHref	action-href	string	''

Events

Event	Detail	Description
testimonials-link		Cancelable, before following a story or section link. Detail { href }.

See the live examples in Storybook.