Skip to content

Spacer

File: snippets/spacer.liquid

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-spacer.png

Description

Spacer or Horizontal Rule with Conditional Padding

This snippet renders either a spacer <div> or an <hr> element with conditional padding based on the passed is_hr and spacing props.

Parameters

NameTypeDescriptionOptional
is_hrStringBoolean to determine if the element is an <hr> (true) or a spacer <div> (false)No
spacingStringThe vertical padding, with values “small”, “medium”, and “large”No

Usage

{% render 'spacer' %}