Event Description
Overview
When to use
The event description give a roundup about an event SONAX is or was represented. It is used in an event detail page to introduce following content about the event.
When to consider an alternative
If you want to list different events. Use the cards instead.
Image Sizes
Parent Element | brp-0 | brp-1 | brp-2 | brp-3 | brp-4 |
---|---|---|---|---|---|
Event Logo (Max. Width) | 70px | 70px | 85px | 85px | 85px |
Component
Default
1024px
375px768px1400px
Properties
EventDescription
Property | Type | Required | Default |
---|---|---|---|
children | Union Class(EventDescription.Side) │ Class(EventDescription.Body) │ Array<Class(EventDescription.Side) │ Class(EventDescription.Body)> | false | - |
EventDescription.Side
Property | Type | Required | Default |
---|---|---|---|
dateLabel | String | true | - |
date | String | true | - |
addressLabel | String | true | - |
companyName | String | true | - |
street | String | true | - |
city | String | true | - |
country | Node | false | - |
btnLabel | String | true | - |
EventDescription.Body
Property | Type | Required | Default |
---|---|---|---|
imgSrc | String | true | - |
title | String | true | - |
description | String | true | - |
btnLabel | String | true | - |