ObjectUIComponentsBasic
Separator
Visual divider between content sections
Examples
Horizontal
{
"type": "stack",
"gap": 4,
"children": [
{
"type": "text",
"content": "Content Above"
},
{
"type": "separator"
},
{
"type": "text",
"content": "Content Below"
}
]
}Vertical
{
"type": "flex",
"gap": 4,
"children": [
{
"type": "text",
"content": "Left"
},
{
"type": "separator",
"orientation": "vertical"
},
{
"type": "text",
"content": "Right"
}
]
}Schema
interface SeparatorSchema {
type: 'separator';
orientation?: 'horizontal' | 'vertical';
className?: string;
}