@chakra-ui/core/dist/IconButton/index.d.ts

Responsive and accessible React UI components built with React and Emotion

import * as React from "react";
import { ButtonProps } from "../Button";
import { Omit } from "../common-types";
import { Icons } from "../theme/icons";

type _ButtonProps = Omit<
  ButtonProps,
  | "loadingText"
  | "isFullWidth"
  | "leftIcon"
  | "rightIcon"
  | "iconSpacing"
  | "children"
>;

interface IIconButton {
  /**
   * The icon to be used in the button.
   */
  icon?: Icons | React.ComponentType;
  /**
   * If `true`, the button will be perfectly round. Else, it'll be slightly round
   */
  isRound?: boolean;
  /**
   * A11y: A label that describes the button
   */
  "aria-label": string;
}

export type IconButtonProps = IIconButton & _ButtonProps;

declare const IconButton: React.FC<IconButtonProps>;

export default IconButton;