@mantine/core/lib/components/Button/ButtonGroup/ButtonGroup.d.ts

React components library focused on usability, accessibility and developer experience

import { BoxProps, Factory, StylesApiProps } from '../../../core';
export type ButtonGroupStylesNames = 'group';
export type ButtonGroupCssVariables = {
    group: '--button-border-width';
};
export interface ButtonGroupProps extends BoxProps, StylesApiProps<ButtonGroupFactory> {
    /** `Button` components */
    children?: React.ReactNode;
    /** Orientation of the group, `horizontal` by default */
    orientation?: 'horizontal' | 'vertical';
    /** `border-width` of the child `Button` components. Numbers are converted to rem. Default value in `1`. */
    borderWidth?: number | string;
}
export type ButtonGroupFactory = Factory<{
    props: ButtonGroupProps;
    ref: HTMLDivElement;
    stylesNames: ButtonGroupStylesNames;
    vars: ButtonGroupCssVariables;
}>;
export declare const ButtonGroup: import("../../../core").MantineComponent<{
    props: ButtonGroupProps;
    ref: HTMLDivElement;
    stylesNames: ButtonGroupStylesNames;
    vars: ButtonGroupCssVariables;
}>;