Checkbox

A basic Checkbox component. This is primarily used in conjuction with the Row component.

Component render

Screenshot of the checkbox Dashboard Add-Ons UI component

<Checkbox
  checked
  onChange={({ current, previous }) => console.log({ current, previous })}
/>

Properties

Property Type Description
checked boolean Whether the checkbox is checked or unchecked. Operates independently of the indeterminate property. If used as a slotted control inside of market-row. this will be overridden by the row’s selected property.
disabled boolean Whether the checkbox is disabled.
indeterminate boolean Whether the checkbox is indeterminate. If true, indeterminate visual state takes precedence over checked/unchecked.
invalid boolean Whether the checkbox is invalid.
onChange (value: { current: boolean; previous: boolean; }) => void This event listener runs whenever the checkbox value changes.
slot string An optional slot attribute that can be added to the component. Certain components require the slot attribute to properly place it.