@elaw/common

Angular common directives library providing essential UI interaction directives.

Installation

npm install @elaw/common

Directives

ClickableDirective

Adds hover effects and cursor pointer to elements.

<div appClickable>Clickable element</div>

ClickOutsideDirective

Detects clicks outside of an element.

<div appClickOutside (clickOutside)="onClickOutside()">Content</div>

AutoFocusDirective

Automatically focuses input elements.

<input appAutoFocus>

Usage

Import the directives in your component:

import { ClickableDirective, ClickOutsideDirective, AutoFocusDirective } from '@elaw/common';

@Component({
  imports: [ClickableDirective, ClickOutsideDirective, AutoFocusDirective]
})