wix-style-react
Version:
43 lines (42 loc) • 1.7 kB
JavaScript
export default {
description:
'Testimonial list allows users to promote a product or service by listing down user reviews or testimonials. It’s used in `<MarketingPage/>` component.',
do: [
'Display it in a footer area of a <MarketingPage/>',
'Use it to list down testimonials about a product or service',
],
dont: [
'Don’t use it to list down product features or benefits. Use <FeaturesList/> instead.',
],
featureExamples: [
{
title: 'Structure',
description: `This component displays testimonials in columns. Each testimonial can contain:<br/>
 - \`avatar\` - use to display reviewer initials or picture. It’s recommended to use \`<Avatar/>\` in 60px size<br/>
 - \`text\` - use to define testimonial text<br/>
 - \`authorName\` - use to specify testimonial author.`,
example: '_structure',
},
{
title: 'Number of columns',
description: `Control number of columns displayed in a row with \`cols\` prop.
If items do not fit in a row it will wrap to another line.`,
example: '_numberOfColumns',
},
],
commonUseCaseExamples: [
{
title: 'List without avatars',
description: `All testimonials list props are optional.
Create custom design by displaying only what's necessary in your use case, i.e., testimonial list without avatars.`,
example: '_listWithoutAvatars',
},
{
title: 'Marketing page',
description: `Use testimonials list as a footer of \`<MarketingPage/>\` to promote
your product better by listing down user feedback on it.`,
example: '_marketingPage',
wide: true,
},
],
};