What is a Vignette ?

Undraw Add Content Re Vgqa


A vignette is an illustrative image that is generated from:

How to render a vignette ?

You can render a vignette with the page image component


  • Markup
<page-image vignette width="600" shadow="xl"/>
  • Output:



Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Recommended Pages
Page-image Component: Renders the illustrative image of your page

Page-image is a component that renders the illustrative image of the page and is generally used in a fragment.
Undraw My Documents
What is the Category of a Page ?

The page category is the name of the parent page on the page system.

Task Runner