type

Description

Optional. Sets the type of radio buttons grouping

Usage

type?: "inline" | "grid";

Parameters

• "inline" - radio buttons are placed in a row
• "grid" - radio buttons 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>

<RadioButtonGroup {options} type="inline" value={3} />

Related article: Setting the type of grouping

Related sample: Radio Button Group