Separator macrolite
A hairline that divides content.
Preview
Loading the renderer…
createSurface + updateComponents, A2UI v0.9.
json
[
{
"version": "v0.9",
"createSurface": {
"surfaceId": "preview",
"catalogId": "https://ui.exponential.at/catalogs/core/v1"
}
},
{
"version": "v0.9",
"updateComponents": {
"surfaceId": "preview",
"components": [
{
"id": "root",
"component": "Stack",
"direction": "vertical",
"align": "stretch",
"children": [
"example"
]
},
{
"id": "example",
"component": "Separator",
"orientation": "horizontal"
}
]
}
}
]This surface through a MemoryTransport. Install and transports: React guide.
This surface through a MemoryTransport. Install and transports: SwiftUI guide.
This surface through a MemoryTransport. Install and transports: Compose guide.
This surface through a MemoryTransport. Install and transports: gpui guide.
Platforms




View exponential-ui-separator, painted by each native renderer.
Variants
orientation · horizontalorientation · verticalProps
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | horizontal | vertical | "horizontal" | A horizontal rule or a vertical bar. |
Events and slots
No events, no slots. Children: none.
Accessibility
- Role
separator- Semantics
- separator
Not focusable; no keys.
Theming
- Recipe parts
Separator/root- Keyed by
:hover:pressed:focus:disabled:checked:open:selected:invalid:dragover
In the Exponential app
Hairline divider
One pixel of the row stroke.
More
The only rule allowed inside a group, and the only one anywhere in the glass set.
Webok
Separatorpackages/ui/src/separator.tsxInside a group the same hairline comes from GlassGroup's divide-y, not from a Separator element.
Androidok
GroupDividerapps/android/app/src/main/java/com/exponential/app/ui/components/SheetOptionRows.kt