Reviews

Quote Card

A quote card component

LuiQuoteCard

API Reference

Prop	Default	Type
`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`

TODO

TODO Rating

The Search is a specialized input field designed for text-based searching on a website. In the provided example, the block includes an additional feature that displays live hints suggestions (autocomplete) as the user types.