@yamada-ui/button
Version:
Yamada UI button components
50 lines (46 loc) • 1.44 kB
text/typescript
import * as _yamada_ui_core from '@yamada-ui/core';
import { ThemeProps, HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
interface ButtonGroupOptions {
/**
* If `true`, the borderRadius of button that are direct children will be altered to look flushed together.
*
* @default false
*/
attached?: boolean;
/**
* The CSS `flex-direction` property.
*
* @deprecated Use `flexDirection` instead.
*/
direction?: CSSUIProps["flexDirection"];
/**
* If `true`, all wrapped button will be disabled.
*
* @default false
*/
disabled?: boolean;
/**
* If `true`, the borderRadius of button that are direct children will be altered to look flushed together.
*
* @default false
*
* @deprecated Use `attached` instead.
*/
isAttached?: boolean;
/**
* If `true`, all wrapped button will be disabled.
*
* @default false
*
* @deprecated Use `disabled` instead.
*/
isDisabled?: boolean;
}
interface ButtonGroupProps extends Omit<HTMLUIProps, "direction">, ThemeProps<"Button">, ButtonGroupOptions {
}
interface ButtonGroupContext extends ThemeProps<"Button"> {
disabled?: boolean;
}
declare const useButtonGroup: () => ButtonGroupContext | undefined;
declare const ButtonGroup: _yamada_ui_core.Component<"div", ButtonGroupProps>;
export { ButtonGroup, type ButtonGroupProps, useButtonGroup };