NgDocSelectionComponent

Highlight that slides to the selected ngDocSelectionOrigin of the closest ngDocSelectionHost, for example the underline of the active tab or the thumb of a segmented control. It covers the selected element and moves with a transform.

The highlight is measured in the browser only. Until it is placed it is hidden and has no data-ng-doc-placed attribute, so the selected element can style itself in the server-rendered page, for example with ng-doc-selection:not([data-ng-doc-placed]) ~ .selected. The first placement never animates, and nothing animates when the reader prefers reduced motion.

Decorators: @Component
Selectors: ng-doc-selection

DeclarationTypeScript

@Component({ … })
export class NgDocSelectionComponent { … }

Members

Constructor 1
()	—
Signature `constructor( ): NgDocSelectionComponent;`
Properties 1
align: `InputSignal<NgDocHorizontalAlign \| NgDocVerticalAlign \| null>` readonly `input()`	Side of the selected element on which the highlight draws its border, or `null` for no border (a thumb that covers the element, styled by its container).

Members

Constructor

Properties