gestalt
Version:
A set of React UI components which enforce Pinterest's design language
29 lines (28 loc) • 1.24 kB
TypeScript
import compactIconsClassic from '../icons/compact/index';
type Props = {
accessibilityLabel: string;
accessibilityControls?: string;
accessibilityExpanded?: boolean;
accessibilityHaspopup?: boolean;
accessibilityPopupRole?: 'menu' | 'dialog';
focusColor?: 'lightBackground' | 'darkBackground';
bgColor?: 'transparent' | 'transparentDarkBackground' | 'transparentDarkGray' | 'gray' | 'lightGray' | 'washLight' | 'white' | 'red' | 'elevation';
dangerouslySetSvgPath?: {
__path: string;
};
dataTestId?: string;
disabled?: boolean;
icon?: keyof typeof compactIconsClassic;
iconColor?: 'gray' | 'darkGray' | 'red' | 'white' | 'brandPrimary' | 'light' | 'dark';
name?: string;
onClick?: (arg1: {
event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
}) => void;
padding?: 1 | 2 | 3 | 4 | 5;
ref?: HTMLButtonElement;
selected?: boolean;
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
tabIndex?: -1 | 0;
};
declare const InternalIconButtonWithForwardRef: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export default InternalIconButtonWithForwardRef;