@shopify/hydrogen-react/dist/types/BaseButton.d.ts

React components, hooks, and utilities for creating custom Shopify storefronts

import { ReactNode, Ref } from 'react';
export interface CustomBaseButtonProps<AsType> {
    /** Provide a React element or component to render as the underlying button. Note: for accessibility compliance, almost always you should use a `button` element, or a component that renders an underlying button. */
    as?: AsType;
    /** Any ReactNode elements. */
    children: ReactNode;
    /** Click event handler. Default behaviour triggers unless prevented */
    onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | boolean;
    /** A default `onClick` behavior */
    defaultOnClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | boolean;
    /** A `ref` to the underlying button */
    buttonRef?: Ref<HTMLButtonElement>;
}
export type BaseButtonProps<AsType extends React.ElementType> = CustomBaseButtonProps<AsType> & (AsType extends keyof React.JSX.IntrinsicElements ? Omit<React.ComponentPropsWithoutRef<AsType>, keyof CustomBaseButtonProps<AsType>> : React.ComponentPropsWithoutRef<AsType>);
export declare function BaseButton<AsType extends React.ElementType = 'button'>(props: BaseButtonProps<AsType>): JSX.Element;