Skip to main content Skip to navigation Skip to search

Signpost

Angular Components

ClrSignpost

A lightweight convenient way to show contextual help without taking the user out of the current context.

Selector & Basic Usage

ClrSignpostContent

When using ClrSignpost it can be optimized with the CLrIfOpen structural directive. When ClrIfOpen is used the ClrSignpostCOntent elements are only created when a user opens the content and they are destroyed when the user closes the sign post content.

Selector & Basic Usage

Bindings

Binding Type Options Default Description
[clrPosition] input right-middle top-left, top-middle, top-right, right-top, right-middle, right-bottom, bottom-right, bottom-middle, bottom-left, left-bottom, left-middle, left-top

Methods

close():void

A method call that will close the popover content.

Angular Directives

ClrSignpostTrigger

There is a default trigger that is used if the application does not supply one. Sometimes applications need to use a specific element for the trigger. This directive will mark that element as the signpost trigger.

Selector & Basic Usage

ClrIfOpen

Selector & Basic Usage

Bindings

Binding Type Options Default Description
[(clrIfOpen)] two-way true, false false Set the open / close state of element it is applied to.

Methods