A simple card to display a featured image.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Header | header | The card header text | String | suggested |
| Image | image | Name of the image to display. | Page name | optional |
| Span across N columns | colspan | Relative width of the image card in a flexbox wrapper | Number | optional |
| Card class | card_class | A custom or pre-defined Bootstrap class name to be applied to the card. | String | optional |
| Card header class | header_class | A custom or pre-defined Bootstrap class name to be applied to the card header. | String | optional |
| Link image to | target | A page name or URL to link image to. | String | optional |
- Example
{{Featured media
|header=Featured
|image=Captain & Company - Banner (512x512).png
}}
- Result
- Grouped
Please note that the spanning in the flexbox is not linear and depends on neighboring elements and their min widths. Resize the window to see.
{{featured block}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
- Result
- Using colspan modifier
{{featured block}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
|colspan=2
}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
{{Featured media
|image=Captain & Company - Banner (512x512).png
}}
{{end}}
- Result
