options

Description

specifies a set of options to be used as segments of the control

Type

array

Example

<script>
    const options = [
        { id: 1, label: "One", icon: "wxi-view-sequential", title: "Grid mode" },
        { id: 2, label: "Two", icon: "wxi-view-grid", title: "Tiles mode" },
        { id: 3, label: "Three", icon: "wxi-view-column", title: "Two panels mode" }
    ];
</script>

<Segmented {options} value={1} />

Details

An object of the options array may have the following properties:

• label - the text of a button segment
• icon - the name of the icon to be used in a button segment
• title - the tooltip text that will appear on hovering the mouse cursor over a button segment

Related article: Setting the content of segments

Related sample: Segmented Button