Paragraph: Separator

Separator Icon

With the separator, content sections (paragraphs) can be separated visually. The separator can have different styles, which are listed below. The style "Empty" is used if a space is to be increased without using a recognizable separator.

In the following, the different separators between two text paragraphs are shown as examples.

Line


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Points


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Empty


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Separator styles in container


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Separator Styles in Container, Inverted style


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr.