Overview
When to use
The insertion is used to give the user a highlited advice or a quotation featured with an avatar in a text or in a content-page. The insertion have to be dedicated to the content where it is insert.
When to consider an alternative
If you want to give an advice to an aditional content. If your advice have more than round about 30 words.
Image sizes
| Parent Element | brp-0 | brp-1 | brp-2 | brp-3 | brp-4 |
|---|
| Insertion Image | 1:1 | 1:1 | 1:1 | 1:1 | 1:1 |
| Max. Height | 140px | 140px | 140px | 140px | 140px |
Component
Default
Vertical
Loud
Properties
Insertion
| Property | Type | Required | Default |
|---|
| block | Bool | false | - |
| loud | Bool | false | - |
| vertical | Bool | false | - |
| utilClassNames | String | false | - |
| children | Node | false | - |
Insertion.Image
| Property | Type | Required | Default |
|---|
| children | Node | false | - |
| utilClassNames | String | false | - |
Insertion.Body
| Property | Type | Required | Default |
|---|
| children | Node | false | - |
| utilClassNames | String | false | - |
Insertion.Description
| Property | Type | Required | Default |
|---|
| children | Node | false | - |
| utilClassNames | String | false | - |
Insertion.Lead
| Property | Type | Required | Default |
|---|
| children | Node | false | - |
| utilClassNames | String | false | - |