chrome:shell.skip

generated:catalog.entry.separator.title

generated:catalog.entry.separator.description

@xngui/components/separator
@xngui/components/separator

chrome:demo.section

chrome:demo.preview

demo-preview:separator.section-one

demo-preview:separator.section-two

demo-preview:hints.category.assistive:
TipSR
import { Component } from '@angular/core';
import { XSeparator } from '@xngui/components/separator';
 
@Component({
selector: 'app-example',
imports: [XSeparator],
templateUrl: './separator.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-separator

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
orientation
XSeparatorOrientation
'horizontal'
`horizontal` draws a row divider; `vertical` draws a column divider.
borderStyle
XSeparatorBorderStyle
'solid'
Line style for the divider stroke.
decorative
boolean
true
When true, omitted from the accessibility tree (purely visual).