@cas-smartdesign/checkbox

A checkbox element based on lit-element with SmartDesign look & feel.

Attributes

• label: string
  • The label of the checkbox.
• disabled: boolean
  • Defines whether if the checkbox is disabled. Note that it uses default disabled attribute, thus blocking pointer/mouse events.
• checked: boolean
  • The value of the checkbox.
• oneline: boolean
  • The label of the checkbox may wrap into multiple lines without this option.

Properties

• label, disabled, checked, oneline
  • Reflects the corresponding attribute
• indeterminate boolean (default=false)
  • Defines whether if the checkbox is in indeterminate state
    • When either this or the checked property becomes true then the other one becomes false

Custom events

• value-change
  • This event is dispatched when the value is changed because of a user interaction

Validation

The element could show validation messages via an sd-field-validation-message element which can be configured with the following attributes & properties which are all delegated to that:

• validationMessage
• validationIconSrc
• validationLevel