UNPKG

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