Strongtie Design System
Getting StartedComponents

Command Palette

Search for a command to run...

Getting Started
  • Introduction
  • Setup Guide
  • Package Installation
  • Code Quality Setup
  • Migration Guide
  • Resources
Registry
  • Getting Started
  • Combobox
  • Datepicker
  • MultiSelect
  • Tree
Guides
  • Framework Recommendations
Foundations
  • States
  • Variables
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • Command
  • Combobox
  • Context Menu
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • Hover Card
  • Input
  • Input Group
  • Item
  • Kbd
  • Label
  • Menubar
  • Multi Select
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toaster
  • Toggle
  • Toggle Group
  • Tooltip
  • Tree
2026 Simpson Strong-Tie
  1. Docs
  2. Components
  3. Button Group

Button Group

PreviousNext

Button Group component for the Simpson Strong-Tie design system.

Installation

npm install @strongtie/design-system
import { ButtonGroup } from "@strongtie/design-system/button-group"

Components

This module exports the following components:

  • ButtonGroup
  • ButtonGroupSeparator
  • ButtonGroupText

Props

<ButtonGroup>

PropTypeDefaultDescription
orientation"horizontal" | "vertical" | null-

Example

import { ButtonGroup } from "@strongtie/design-system/button-group"
 
export default function Example() {
  return <ButtonGroup>{/* Your content here */}</ButtonGroup>
}

Styling

Components can be styled using the className prop. The design system uses Tailwind CSS for styling.

Accessibility

Ensure proper accessibility attributes are added when implementing this component.

BreadcrumbButton

On This Page

InstallationComponentsProps<ButtonGroup>ExampleStylingAccessibility

Contribute

  • Report an issue
  • Request a feature
  • Edit this page