Skip to main content
Separators create visual divisions between content areas.

​
Basic Usage

​
Vertical Orientation

​
In Card Content

​
API Reference

Separator Parameters

​
orientation
str
default:"horizontal"
Separator direction: "horizontal", "vertical".
​
spacing
int | None
default:"None"
Space around the separator using the Tailwind spacing scale. Adds vertical margin (my-N) for horizontal separators and horizontal margin (mx-N) for vertical separators.
​
css_class
str | None
default:"None"
Additional Tailwind CSS classes. Useful for controlling height/width.

​
Protocol Reference

Separator
{
  "type": "Separator",
  "orientation?": "horizontal | vertical",
  "spacing?": "number",
  "cssClass?": "string"
}
For the complete protocol schema, see Separator.