Directives

Core Covalent directives

Setup

Import the [CovalentCommonModule] in your NgModule:

{{ directiveTypescript }} Directives Docs
Fullscreen directive

Use tdFullScreen directive on any element you want full screen.

Assign tdFullScreen to a template reference variable #myFullScreenElement="tdFullScreen" .

Use the template reference variable to access properties and metheds of the directive:

Usage:

{{ fullscreenHtml }}

Press the button below to view this card in fullscreen mode.

Select the button below or press the esc key to exit fullscreen mode.

Autotrim directive

Use tdAutoTrim on an input to automatically trim the characters.

Try entering white spaces before or after a word this input:

Usage:

{{ autotrimHtml }}