https://github.com/danielkucal/angular-clickable-click

Adds cursor: pointer styling to elements having (click) directive, prevents event when disabled.
https://github.com/danielkucal/angular-clickable-click

angular angular-directive angular4

Last synced: 11 months ago
JSON representation

Adds cursor: pointer styling to elements having (click) directive, prevents event when disabled.

• Host: GitHub
• URL: https://github.com/danielkucal/angular-clickable-click
• Owner: DanielKucal
• License: mit
• Created: 2018-04-15T18:06:03.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-06-02T20:01:05.000Z (over 3 years ago)
• Last Synced: 2025-03-18T01:36:42.564Z (11 months ago)
• Topics: angular, angular-directive, angular4
• Language: TypeScript
• Homepage: https://stackblitz.com/edit/angular-gitter-qnta72?file=app%2Fapp.component.ts
• Size: 35.2 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Clickable `(click)` for Angular 2+

Angular 2+ Directive adding pointer cursor for elements using `(click)` directive.

Respects `[disabled]` input.

## Installation

1. Get it from `npm i angular-clickable-click --save`

2. Import `ClickableClickModule`

    ```typescript

    import { ClickableClickModule } from 'angular-clickable-click';

    @NgModule({

      // ...

      imports: [ClickableClickModule],

      // ...

    })

    class AppModule {}

    ```

## Usage ([click here for a demo](https://stackblitz.com/edit/angular-gitter-qnta72?file=app%2Fapp.component.ts))

```typescript

@Component({

  selector: 'app',

  template: `

    


    I am no longer clickable

    

  `

})

export class AppComponent {

  public isDisabled: boolean = false;

}

```