Media Blocks are sections of content that usually includes one or more of: images, headlines, text, and call-to-action buttons. They are used to provide additional information about specific products or the Buffy brand.
Name | Description | Type | Required | Default | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
type | Type of block ("hero" | "product-block" | "press-small" | "trial" | "ksp" | "quote-hero" | "story-block" | "review" | "free-block" | "info-block" | "video" | "editorial" | "lifestyle" | "pencilbar" | "large-editorial" | "image" | "email-hero" | "text" | "guide-item" | "related-block" | "card" | "sticker" | "chart") | string | false | "hero" | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
image | Main image object. | object | false | null | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
mobileImage | Main mobile image object. | object | false | null | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
supportingImage | Supporting image object. | object | false | null | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
mobileSupportingImage | Supporting mobile image object. | object | false | null | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
shortText | Headline text. | string | false | "" | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
longText | Description or longer paragraph text. | string | false | "" | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
extraText | Additional text to display. | string | false | "" | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
props | Additional media block information. | object | false | {} | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
className | List of classes for this element. | string | array | false | "" | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
id | Unique identifier for this element. | string | false | "" | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
grid | Utilizes Lattice grid for media block if true. | boolean | false | true | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
useTitle | Display title attribute with title property if true. | boolean | false | false | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
title | Title to use for accessibility or display if shortText is not available. | string | false | null | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
lazyLoad | Lazy load media block image if true. | boolean | false | false | |||||||||||||||||||||||||||||||||||||||||||||||||||||||