Spacer

Spacer, Separator and Divider lets you organize your content in your paywall. They have different purposes and you can use them in different use cases.

Spacer creates empty space between elements. It helps you in adjusting the layout spacing without adding visual elements. With spacer component, you have an option of expand fill.
Example: A flexible gap between two components as shown in the following.

Divider

Divider Visually separates the content with a line. It helps you splitting sections clearly (e.g., between a list of items).
Example: A horizontal line between menu items and you can also add text in the divider to create an visual of presenting an option.

Separator

Separator lets you split between group of components with a visible line. It helps you in Indicating the logical separation, often more subtle than a divider.

Quick difference between a Spacer, Divider and Separator

Feature	Spacer	Divider	Separator
Purpose	Adds empty space	Creates a visible line	Distinguishes items
Visual	Invisible	Usually a line and some text	Usually a line
Use case	Adjusting layout spacing	Splitting sections	Seperating components