@vectara/vectara-ui/lib/components/button/IconButton.d.ts

Vectara's design system, codified as a React and Sass component library

import { ReactElement } from "react";
import { ButtonColor, BUTTON_SIZE } from "./types";
import { LinkProps } from "../link/types";
import { Props as TooltipProps } from "../tooltip/Tooltip";
type Props = {
    className?: string;
    icon: ReactElement;
    "aria-label": string;
    color?: ButtonColor;
    size?: (typeof BUTTON_SIZE)[number];
    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
    onMouseOver?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
    onMouseOut?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
    onMouseMove?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
    href?: LinkProps["href"];
    target?: LinkProps["target"];
    track?: LinkProps["track"];
    tabIndex?: number;
    isSelected?: boolean;
    isDisabled?: boolean;
    tooltip?: {
        darkTheme?: TooltipProps["darkTheme"];
        position?: TooltipProps["position"];
        usePortal?: TooltipProps["usePortal"];
    };
};
export declare const VuiIconButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement | null>>;
export {};