NOCTA UI

Button Group

Arrange multiple buttons together with shared styling, spacing, and alignment controls.

Installation

Install the Button Group component using the nocta-ui CLI:

npx @nocta-ui/cli add button-group

Import the components:

import {
  ButtonGroup,
  ButtonGroupItem
} from '@/components/ui/button-group';

Prop

Type

Prop

Type

Button

A versatile button component with multiple variants, sizes and dark mode support

Calendar

A fully featured date picker with keyboard navigation, accessibility support, and customizable styling.