cla-checkbox

Checkbox component.

Usage

  <cla-checkbox name="">
    Content of label goes here
  </cla-checkbox>

Properties

Property Attribute Description Type Default
block block Whether to use the block style variant of the checkbox. boolean undefined
checked checked Is it Checked ? boolean false
disabled disabled Whether the checkbox is disabled. boolean false
inverted inverted Whether to use the inverted variant of the checkbox. boolean undefined
large large Whether to use the large variant of the checkbox. boolean undefined
name name The checkbox ID & name string undefined
value value The checkbox value 0 undefined

Events

Event Description Type
selected Emitted when the checkbox is selected. CustomEvent<any>
unselected Emitted when the checkbox is unselected. CustomEvent<any>

Slots

Slot Description
Allows label content

Built with StencilJS