onecart-ui/src/types/Button.ts

Cross-platform React and React Native component library with white-label support

import React from "react";

export type ButtonType = "primary" | "outline" | "ghost" | "destructive";

export type ButtonSize = "medium" | "large";

export type ButtonState = "default" | "hover" | "active" | "disabled";

export interface ButtonProps {
  label: string;
  type?: ButtonType;
  size?: ButtonSize;
  disabled?: boolean;
  leftIcon?: string;
  rightIcon?: string;
  icon?: string;
  fullWidth?: boolean;
  style?: React.CSSProperties;
  accessibilityLabel?: string;
  testID?: string;
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
  className?: string;
  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
  onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
  onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
}