elaw-common/README.md

Angular common directives library with clickable, click-outside and auto-focus directives

# @elaw/common

Angular common directives library providing essential UI interaction directives.

## Installation

```bash
npm install @elaw/common
```

## Directives

### ClickableDirective
Adds hover effects and cursor pointer to elements.

```html
<div appClickable>Clickable element</div>
```

### ClickOutsideDirective
Detects clicks outside of an element.

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

### AutoFocusDirective
Automatically focuses input elements.

```html
<input appAutoFocus>
```

## Usage

Import the directives in your component:

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

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