Skip to component details
EXEPERTAI LAB
ProductCapabilitiesTrustFAQUI GalleryBlogNews
Sign inOpen app ↗
ProductCapabilitiesTrustFAQUI GalleryBlogNewsSign in
← Browse gallery
Actions·@exepert/ui / ButtonGroup

Button Group

A grouped set of related actions with a shared visual boundary.

Open in Playground ↗All components

Variants and states

2 copy-ready examples

Editing actions

Attached actions read as one small toolbar.

Open in Playground ↗
Starting preview…
import { Button, ButtonGroup } from "@exepert/ui";
import "@exepert/ui/styles.css";
export default function Example() {
  return (
    <ButtonGroup label="Document actions"><Button variant="secondary">Copy</Button><Button variant="secondary">Cut</Button><Button variant="secondary">Paste</Button></ButtonGroup>
  );
}

Usage

Group actions that operate on the same object or view.

Props

  • label: string
  • children: ReactNode

Accessibility

  • Each child remains an individually named native button.
  • Use a labelled group when surrounding context is not enough.

Install

Install the pinned public release, then import the component and stylesheet.

npm install @exepert/ui@0.1.0

import { ButtonGroup } from "@exepert/ui";

import "@exepert/ui/styles.css";

EXEPERTAI LAB

Compare supported models, inspect system behaviour, and understand the context around each result.

PrivacyTermsContact

EXEPERT AI is an independent software and AI research lab in Malaysia

Malaysia · hello@exepert.com

Open in Gmail ↗

© 2026 EXEPERT AI. All rights reserved.