@edancerys/ts-react-components-lib
Version:
55 lines (54 loc) • 1.59 kB
TypeScript
import React, { MouseEvent, ReactNode } from 'react';
import { StringProps } from './String';
import { DropDownProps } from './DropDown';
export interface ButtonProps {
label?: StringProps;
node?: ReactNode;
shape?: 'rounded' | 'square' | 'circular';
type?: 'primary' | 'outline' | 'subtle' | 'transparent';
icon?: string;
width?: string;
minWidth?: string;
maxWidth?: string;
isSplitButton?: boolean;
size?: 'small' | 'medium' | 'large';
backgroundColor?: string;
margin?: string;
padding?: string;
color?: string;
display?: 'flex' | 'none';
disabled?: boolean;
border?: string;
boxShadow?: string;
className?: string;
isActive?: boolean;
opacity?: number;
dropdownOptions?: DropDownLink[];
dropdownConfig?: DropDownProps;
iconConfig?: ButtonIconProps;
onClick?: (event?: MouseEvent) => void;
onSecondaryClick?: (event?: MouseEvent) => void;
}
export interface BtnButtonIconProps extends ButtonPrivateProps {
fontSize?: string;
transform?: string;
}
export interface ButtonIconProps {
icon?: string;
fill?: string;
size?: number;
hoverFill?: string;
hoverStroke?: string;
transform?: string;
onClick?: (event?: MouseEvent) => void;
}
export interface DropDownLink {
title: StringProps;
onClick: (event?: MouseEvent) => void;
}
interface ButtonPrivateProps extends ButtonProps {
border?: string;
borderRadius?: string;
}
export declare const Button: React.FC<ButtonProps>;
export {};