Grids & Layouts
Pop Grid
Pop art masonry grid with vibrant colors and bold patterns.
masonrypopvibrantbold
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
images | string[] | [...12 image URLs] | Array of image URLs. |
content | Array<{type: 'img'|'text', src?: string, title?: string, text?: string, span?: string}> | Array of content items (images or text cards). If not provided, default content is generated from images. | |
backgroundColor | string | #FFE5E5 | Background color (hex, rgb, or hsl). |
itemPrefix | string | ITEM | Prefix text for item labels. |
badgeText | string | POP | Badge text displayed on images. |
colors | string[] | ['#A3E635', '#60A5FA', '#F472B6'] | Array of background colors (hex) for alternating items. |