What is a Vignette ?

About

A vignette is an illustrative image that is generated from:

• the page title,
• the page category
• the modified date
• the logo (if a raster logo is available)

How to render a vignette ?

You can render a vignette with the page image component

Example:

• Markup

<page-image vignette width="600" shadow="xl"/>

• Output:

Usage

• You can use it with the page image as illustratif image in a list of pages
• If there is no image, this is the default social image