⏱ 8 mins remaining

Shortcodes Tutorial

Learn about the various shortcodes used on this website

Panel


panel/feature

A large format feature panel.

AttributeDescription
classAdditional css classes to apply to the panel
titleTitle to be displayed in the panel
footnoteOptional text to be displayed below the inner text
img-srcThe src for the img element.
img-typeThe type of image, can be one of ‘page’, ‘asset’, or ‘remote’ (default)
img-classAdditional css classes to apply to the img tag.
img-rightWhether the image should be positioned to the right side or not
themeThe color theme for this, can be one of ‘gray’, ’light’, or ‘clear’ (default)

Example

Option 1: Clear

This panel is an example of the clear theme with its image positioned to the right. Try mixing and matching different themes and orientations to make a page look more visually appealing.

Use footnotes to add captions to an image or additional context

Option 2: Gray

This panel is an example of the gray theme with its image positioned to the left. Make sure that you omit the img-right attribute to get the orientation of the image to appear on the left side.

Use footnotes to add captions to an image or additional context

Option 3: Light

This panel is an example of the light theme with its image positioned to the left.

Use footnotes to add captions to an image or additional context


  {{< panel/feature title="hello" footnote="foot" img-src="https://wavi.ng/assets/img/wavimetalogo.jpeg" theme="clear" img-class="bg-white" img-right="true" >}}
    test
  {{< /panel/feature >}}