Testimonial
A customer quote with author and company attribution.
import { Testimonial } from "@sanity/sanity-id/components/testimonial"Props
| Prop | Type | Description |
|---|---|---|
align | "left" | "center" | Text alignment. Large size is always center-aligned default value: "left" |
authorImage | string | ((props: ComponentProps<"img">) => ReactNode) | Author avatar image URL or custom render function |
authorName | string | Author's display name |
authorTitle | string | Author's job title |
border | "none" | "auto" | Border style |
className | string | Additional CSS classes |
companyImage | string | ((props: ComponentProps<"img">) => ReactNode) | Company logo URL or custom render function |
companyName | string | Company name |
quote | string | ReactNode | The testimonial quote |
size | "small" | "medium" | "large" | Size variant default value: "medium" |
Usage
Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.
Magnus Hillestad
CEO and co-founder
Sanity
1import { Testimonial } from "@sanity/sanity-id/components/testimonial"
2
3export default () => {
4 const testimonial = {
5 quote: "Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.",
6 authorName: "Magnus Hillestad",
7 authorImage: "https://cdn.sanity.io/images/3do82whm/next/fc4624b219eb58749320e4fe96cd4d675045f568-200x200.jpg",
8 authorTitle: "CEO and co-founder",
9 companyName: "Sanity",
10 companyImage: "https://cdn.sanity.io/images/3do82whm/next/9a1e5c003b9c1a44f554c71f77694a12c5152eab-81x40.svg",
11 }
12 return (
13 <Testimonial {...testimonial} align="left" size="small" border="auto" />
14 )
15 }Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.
Magnus Hillestad
CEO and co-founder
Sanity
1import { Testimonial } from "@sanity/sanity-id/components/testimonial"
2
3export default () => {
4 const testimonial = {
5 quote: "Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.",
6 authorName: "Magnus Hillestad",
7 authorImage: "https://cdn.sanity.io/images/3do82whm/next/fc4624b219eb58749320e4fe96cd4d675045f568-200x200.jpg",
8 authorTitle: "CEO and co-founder",
9 companyName: "Sanity",
10 companyImage: "https://cdn.sanity.io/images/3do82whm/next/9a1e5c003b9c1a44f554c71f77694a12c5152eab-81x40.svg",
11 }
12 return (
13 <Testimonial {...testimonial} align="center" size="small" />
14 )
15 }Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.
Magnus Hillestad
CEO and co-founder
Sanity
1import { Testimonial } from "@sanity/sanity-id/components/testimonial"
2
3export default () => {
4 const testimonial = {
5 quote: "Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.",
6 authorName: "Magnus Hillestad",
7 authorImage: "https://cdn.sanity.io/images/3do82whm/next/fc4624b219eb58749320e4fe96cd4d675045f568-200x200.jpg",
8 authorTitle: "CEO and co-founder",
9 companyName: "Sanity",
10 companyImage: "https://cdn.sanity.io/images/3do82whm/next/9a1e5c003b9c1a44f554c71f77694a12c5152eab-81x40.svg",
11 }
12 return (
13 <Testimonial {...testimonial} align="left" size="medium" />
14 )
15 }Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.
Magnus Hillestad
CEO and co-founder
Sanity
1import { Testimonial } from "@sanity/sanity-id/components/testimonial"
2
3export default () => {
4 const testimonial = {
5 quote: "Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.",
6 authorName: "Magnus Hillestad",
7 authorImage: "https://cdn.sanity.io/images/3do82whm/next/fc4624b219eb58749320e4fe96cd4d675045f568-200x200.jpg",
8 authorTitle: "CEO and co-founder",
9 companyName: "Sanity",
10 companyImage: "https://cdn.sanity.io/images/3do82whm/next/9a1e5c003b9c1a44f554c71f77694a12c5152eab-81x40.svg",
11 }
12 return (
13 <Testimonial {...testimonial} align="center" size="medium" />
14 )
15 }Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.
Magnus Hillestad
CEO and co-founder
Sanity
1import { Testimonial } from "@sanity/sanity-id/components/testimonial"
2
3export default () => {
4 const testimonial = {
5 quote: "Adipisicing velit veniam id dolore reprehenderit enim voluptate ad qui ex officia. Officia pariatur reprehenderit culpa incididunt ea.",
6 authorName: "Magnus Hillestad",
7 authorImage: "https://cdn.sanity.io/images/3do82whm/next/fc4624b219eb58749320e4fe96cd4d675045f568-200x200.jpg",
8 authorTitle: "CEO and co-founder",
9 companyName: "Sanity",
10 companyImage: "https://cdn.sanity.io/images/3do82whm/next/9a1e5c003b9c1a44f554c71f77694a12c5152eab-81x40.svg",
11 }
12 return (
13 <Testimonial {...testimonial} align="center" size="large" />
14 )
15 }