Button Group

ButtonGroup groups related action buttons into a connected segmented control bar.

Usage

ButtonGroupExample.tsx

import { ButtonGroup, Button } from '@masumdev/rn-ui';

export function ButtonGroupExample() {
  return (
    <ButtonGroup orientation="horizontal">
      <Button variant="filled">Weekly</Button>
      <Button variant="outline">Monthly</Button>
      <Button variant="outline">Yearly</Button>
    </ButtonGroup>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	Button elements.
orientation	'horizontal' | 'vertical'	'horizontal'	Layout direction.