Content Previews

Personal Quote with Text and Image

A personal quote component

LuiPersonaQuote

API Reference

Prop	Default	Type
`personName`		`string`
`companyName`		`string`
`quote`		`string`
`personNameColor`	`void 0`	`UserColor`
`personNameVisible`	`true`	`boolean`
`personPosition`	`void 0`	`string`
`personPositionColor`	`void 0`	`UserColor`
`personPositionVisible`	`true`	`boolean`
`companyNameColor`	`void 0`	`UserColor`
`companyNameVisible`	`true`	`boolean`
`companyLogo`	`void 0`	{ type: "image"; sources: { provider: string; src: string; width?: number ; height?: number \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; focalPoint?: [number, number] \| undefined; }[]; alt?: string \| undefined; meta?: any; placeholder?: ["solid" \| "thumbhash", string] \| undefined; } \| { type: "video"; sources: { provider: string; src: string; width: number; height: number; length?: Duration \| undefined; format?: string \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; }[]; alt?: string \| undefined; meta?: any; preview?: { type: "image"; sources: { provider: string; src: string; width?: number \| undefined; height?: number \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; focalPoint?: [number, number] \| undefined; }[]; alt?: string \| undefined; meta?: any; placeholder?: ["solid" \| "thumbhash", string] \| undefined; } \| undefined; } \| undefined
`hideLogo`	`false`	`boolean`
`profileImage`	`void 0`	{ type: "image"; sources: { provider: string; src: string; width?: number ; height?: number \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; focalPoint?: [number, number] \| undefined; }[]; alt?: string \| undefined; meta?: any; placeholder?: ["solid" \| "thumbhash", string] \| undefined; } \| { type: "video"; sources: { provider: string; src: string; width: number; height: number; length?: Duration \| undefined; format?: string \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; }[]; alt?: string \| undefined; meta?: any; preview?: { type: "image"; sources: { provider: string; src: string; width?: number \| undefined; height?: number \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; focalPoint?: [number, number] \| undefined; }[]; alt?: string \| undefined; meta?: any; placeholder?: ["solid" \| "thumbhash", string] \| undefined; } \| undefined; } \| undefined
`profileImageStyle`	`'speech-bubble'`	`"square" \| "round" \| "speech-bubble"`
`quoteColor`	`void 0`	`UserColor`
`quoteVisible`	`true`	`boolean`
`colorMode`	`'light'`	`"dark" \| "light" \| "bright"`
`cardBackground`	`void 0`	`UserColor`

Slot	Type
`navigation`	`any`

Logo Slider

A section logo slider component

TODO

TODO