@atlaskit/atlassian-navigation/dist/types/components/PrimaryButton/types.d.ts

A horizontal navigation component for Atlassian products.

import { AllHTMLAttributes, ComponentType, ElementType } from 'react';
import { CustomThemeButtonProps } from '@atlaskit/button/types';
export declare type PrimaryButtonProps = Omit<CustomThemeButtonProps, 'appearance' | 'onClick'> & {
    /**
     * Allows for overriding the component used to render the button.
     *
     *  This is primarily intended for compatibility with custom
     * routing libraries when using the `href` prop.
     *
     *  For further usage information, refer to the [documentation for button](https://atlassian.design/components/button/code).
     *
     * @example
     * ```tsx
     * <Settings
     *   component={CustomRouterLink}
     *   href="/path/to/url"
     * />
     *```
     */
    component?: ComponentType<AllHTMLAttributes<HTMLElement>> | ElementType<any>;
    /**
     * Will set the appearance of the button to look highlighted.
     */
    isHighlighted?: boolean;
    /**
     * A `testId` prop is provided for specified elements,
     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
     * serving as a hook for automated tests
     */
    testId?: string;
    /**
     * Optional text to show when the button is focused or hovered.
     */
    tooltip?: React.ReactNode;
    /**
     * On click handler.
     * See @atlaskit/analytics-next for analyticsEvent type information
     */
    onClick?: (event: React.MouseEvent<HTMLElement>, analyticsEvent: any) => void;
};
export declare type PrimaryButtonSkeletonProps = {
    className?: string;
};