diff --git a/src/lib/inputs/round-checkbox/round-checkbox.component.scss b/src/lib/inputs/round-checkbox/round-checkbox.component.scss index 97f77f2..a87359e 100644 --- a/src/lib/inputs/round-checkbox/round-checkbox.component.scss +++ b/src/lib/inputs/round-checkbox/round-checkbox.component.scss @@ -1,4 +1,4 @@ -:host { +:host:not(.disabled) { cursor: pointer; } diff --git a/src/lib/inputs/round-checkbox/round-checkbox.component.ts b/src/lib/inputs/round-checkbox/round-checkbox.component.ts index f96ba9d..79f02d4 100644 --- a/src/lib/inputs/round-checkbox/round-checkbox.component.ts +++ b/src/lib/inputs/round-checkbox/round-checkbox.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, OnInit, ViewChild } from '@angular/core'; @Component({ selector: 'iqser-round-checkbox', @@ -11,6 +11,9 @@ export class RoundCheckboxComponent implements OnInit { @Input() active = false; @Input() indeterminate = false; @Input() type: 'default' | 'with-bg' = 'default'; + @HostBinding('class.disabled') + @Input() + disabled = false; @ViewChild('wrapper', { static: true }) private readonly _wrapper!: ElementRef;