Skip to main content

options

Description​

Optional. Sets the type of checkboxes' grouping

Usage​

type?: "inline" | "grid";

Parameters​

  • "inline" - checkboxes are placed in a single row
  • "grid" - checkboxes are placed in a grid-like layout

Example​

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

<CheckboxGroup {options} type="inline" />

Related article: Setting the type of grouping

Related sample: Checkbox Group