Content Previews

Personal Quote with Text and Image

A personal quote component
LuiPersonaQuote

API Reference

PropDefaultType
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