| 1 | import * as React from "react";
|
| 2 | import { type Alignment } from "../../common";
|
| 3 | import { type HTMLDivProps, type Props } from "../../common/props";
|
| 4 | export interface ButtonGroupProps extends Props, HTMLDivProps, React.RefAttributes<HTMLDivElement> {
|
| 5 | /**
|
| 6 | * Text alignment within button. By default, icons and text will be centered
|
| 7 | * within the button. Passing `"left"` or `"right"` will align the button
|
| 8 | * text to that side and push `icon` and `rightIcon` to either edge. Passing
|
| 9 | * `"center"` will center the text and icons together.
|
| 10 | */
|
| 11 | alignText?: Alignment;
|
| 12 | /** Buttons in this group. */
|
| 13 | children: React.ReactNode;
|
| 14 | /**
|
| 15 | * Whether the button group should take up the full width of its container.
|
| 16 | *
|
| 17 | * @default false
|
| 18 | */
|
| 19 | fill?: boolean;
|
| 20 | /**
|
| 21 | * Whether the child buttons should appear with minimal styling.
|
| 22 | *
|
| 23 | * @default false
|
| 24 | */
|
| 25 | minimal?: boolean;
|
| 26 | /**
|
| 27 | * Whether the child buttons should use outlined styles.
|
| 28 | *
|
| 29 | * @default false
|
| 30 | */
|
| 31 | outlined?: boolean;
|
| 32 | /**
|
| 33 | * Whether the child buttons should appear with large styling.
|
| 34 | *
|
| 35 | * @default false
|
| 36 | */
|
| 37 | large?: boolean;
|
| 38 | /**
|
| 39 | * Whether the button group should appear with vertical styling.
|
| 40 | *
|
| 41 | * @default false
|
| 42 | */
|
| 43 | vertical?: boolean;
|
| 44 | }
|
| 45 | /**
|
| 46 | * Button group component.
|
| 47 | *
|
| 48 | * @see https://blueprintjs.com/docs/#core/components/button-group
|
| 49 | */
|
| 50 | export declare const ButtonGroup: React.FC<ButtonGroupProps>;
|