@zendeskgarden/react-buttons
Version:
Components relating to buttons in the Garden Design System
27 lines (26 loc) • 1.62 kB
TypeScript
/**
* Copyright Zendesk, Inc.
*
* Use of this source code is governed under the Apache License, Version 2.0
* found at http://www.apache.org/licenses/LICENSE-2.0.
*/
import { ButtonHTMLAttributes } from 'react';
import { DefaultTheme, ThemeProps } from 'styled-components';
import { IButtonProps } from '../types';
export declare const COMPONENT_ID = "buttons.button";
export interface IStyledButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
$isUnderlined?: boolean;
$isDanger?: boolean;
$size?: IButtonProps['size'];
$isStretched?: boolean;
$isNeutral?: boolean;
$isPrimary?: boolean;
$isBasic?: boolean;
$isLink?: boolean;
$isPill?: boolean;
$focusInset?: boolean;
}
export declare const getHeight: (props: IStyledButtonProps & ThemeProps<DefaultTheme>) => string;
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
}>, IStyledButtonProps>, IStyledButtonProps>> & string;