Checkbox

Usage samples

Set checkbox label and change state with the properties value and disabled.

Checkbox with label enabled

    
<lux-checkbox name="closed" label="Is closed?">
</lux-checkbox>
<lux-checkbox name="hasCar" label="Has car?" [value]="true">
</lux-checkbox>

<lux-checkbox name="closed" label="Is closed?">
</lux-checkbox>
<lux-checkbox name="hasCar" label="Has car?" [(value)]="true">
</lux-checkbox>
  

Checkbox disabled

    
<lux-checkbox name="closed" label="Is closed? [disabled]="true">
</lux-checkbox>
<lux-checkbox name="hasCar" label="Has car?" [disabled]="true" [value]="true">
</lux-checkbox>

<lux-checkbox name="closed" label="Is closed? [(disabled)]="true">
</lux-checkbox>
<lux-checkbox name="hasCar" label="Has car?" [(disabled)]="true" [(value)]="true">
</lux-checkbox>
  

Documentation

Properties