Skip to main content

Checkbox Group API Overview

Initialization​

<script>
  import { CheckboxGroup } from "@svar-ui/svelte-core";
</script>

<script>
    let options = [
        { id: 1, label: "Option 1" },
        { id: 2, label: "Option 2" },
        // more options
    ];
</script>

<CheckboxGroup {options} />
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

Checkbox Group Properties​

optionsOptional. Specifies an array of checkboxes to be grouped
typeOptional. Sets the type of checkboxes' grouping
valueOptional. Defines the initially checked checkboxes

Checkbox Group Events​

changeFires when the checkboxes are selected