A slice to highlight for example an Event, with a video with 3 smaller images below it.

With this slice you can show a big title with text and button on one side, and a big video with 3 smaller images on the other side. We use this in the /events page for the Events Highlight, but you can use this elsewhere as well.**

Limits

• Works with more than 3 images too, but it will look bad, so please stick to 1 video and 3 images.
• Paste the url straight from Youtube. Does not work with Vimeo or other video platforms.

Do's:

Don'ts:

• Use platforms other than Youtube when pasting the video link.

Props:

1. Left

• Name: left
• Type: Boolean
• Description: Set it to true if you want the video + 3 images to be displayed on the left side.

2. Title

• Name: title
• Type: String
• Description: The title of the slice

3. Description (Rich Text support)

• Name: description
• Type: String
• Description: The description of the slice. This prop supports Rich Text, which means you can add bold text, italic, bulelt points, etc. straight from the Prismic interface.

4. Button Text

• Name: buttonText
• Type: String
• Description: The text of button below the text-area

5. Button Link

• Name: buttonLink
• Type: String
• Description: The link of button below the text-area.

6. Video (optional)

• Name: video
• Type: String
• Description: url to the Youtube video you want to display.

Repeatable:

1. Image

• Name: image
• Type: object
• Description: Add here the 3 images to display below the video