Playground GitHub npm

Button Group

Visually-joined cluster of Buttons (zero-gap horizontal row).

ui actions

Preview

Installation

npx slintcn@latest add button-group

Usage

import { ButtonGroup } from "slintcn/components/button-group.slint";
import { Button, ButtonVariant } from "slintcn/components/button.slint";

ButtonGroup {
    Button { variant: ButtonVariant.outline; text: "Day"; }
    Button { variant: ButtonVariant.outline; text: "Week"; }
    Button { variant: ButtonVariant.outline; text: "Month"; }
}

API

Accessibility
focusableno

Dependencies

theme only

Installed automatically as transitive dependencies of slintcn add button-group.