@appbuckets/react-ui/Button/Button.types.d.ts

Just Another React UI Framework

import { ShorthandContent } from '@appbuckets/react-ui-core';
import {
  UIMutableComponentProps,
  AppBucketsIcon,
  AppearanceProps,
  MouseHandler,
} from '../generic';
import { IconProps } from '../Icon';
export interface ButtonProps
  extends UIMutableComponentProps<StrictButtonProps, 'button'>,
    AppearanceProps {}
export interface StrictButtonProps {
  /** Set button as Active, this option will work only with `toggle` button */
  active?: boolean;
  /** Disable the Button */
  disabled?: boolean;
  /** Disable Ripple Effect */
  disableRipple?: boolean;
  /** Draw button as a FAB, it work only without content */
  fab?: boolean;
  /** Fit a Button to its content, removing the min width declaration */
  fitted?: boolean;
  /** Set the Flat Style, inverting Appearance Color */
  flat?: boolean;
  /** Se the Button as Full Width */
  full?: boolean;
  /** Insert an Icon into the Button */
  icon?: AppBucketsIcon<IconProps>;
  /** Set the Icon position, this prop is ignored without icon */
  iconPosition?: 'left' | 'right';
  /** Invert Button Style */
  inverted?: boolean;
  /** Set Loading State */
  loading?: boolean;
  /** Defined onClick function */
  onClick?: ButtonClickHandler;
  /** Make the Button rounded */
  rounded?: boolean;
  /** Define the Button Tab Index */
  tabIndex?: number;
  /** Set the button as a Toggle */
  toggle?: boolean;
  /** Add a Tooltip Text, showed using basic popup */
  tooltip?: ShorthandContent;
}
export declare type ButtonClickHandler = MouseHandler<
  HTMLButtonElement,
  ButtonProps
>;