Reviews

Quote Card

A quote card component
LuiQuoteCard

API Reference

PropDefaultType
quote

void 0

string

quoteColor

UserColor

cardStyle

'default'

"default" | "outline" | "haptic" | "on-dark" | "on-bright"

avatarPic

{ 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

rating

void 0

StarsRatingProps

avatarInfo

void 0

string

avatarInfoColor

void 0

UserColor

companyName

void 0

string

companyNameColor

void 0

UserColor

position

void 0

string

positionColor

void 0

UserColor

logo

{ 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

align

'left'

"left" | "right" | "center"

backgroundColor

void 0

UserColor

textColor

void 0

UserColor