Layout · 2 Props

Divider

Visual separator line between content sections. Renders as a horizontal rule.

Layout 2 Props

src/components/blocks/Divider.astro

Props

Prop	Type	Default	Beschreibung
class	string	—
decorative	boolean	true	Mark as decorative (aria-hidden). Defaults to true since most dividers are visual-only.

Beispiele

Default

Simple horizontal rule between content.

Content above the divider.

Content below the divider.

[
  {
    "type": "text",
    "props": {
      "text": "Content above the divider."
    }
  },
  {
    "type": "divider",
    "props": {}
  },
  {
    "type": "text",
    "props": {
      "text": "Content below the divider."
    }
  }
]

<Text text="Content above the divider." />
<Divider />
<Text text="Content below the divider." />