@clarabridge/unified-react-components
Version:
Collection of Engage reusable components
32 lines (31 loc) • 1.23 kB
TypeScript
import './buttons.pcss';
import React, { MouseEvent, PropsWithChildren } from 'react';
export type ButtonProps = PropsWithChildren<{
mode?: 'primary' | 'secondary' | 'transparent';
status?: 'default' | 'primary' | 'warning' | 'danger';
size?: 'normal' | 'small';
id?: string;
className?: string;
disabled?: boolean;
name?: string;
type: 'submit' | 'reset' | 'button';
value?: string | ReadonlyArray<string> | number;
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
tabIndex?: number;
}>;
declare const Button: React.ForwardRefExoticComponent<{
mode?: "primary" | "secondary" | "transparent" | undefined;
status?: "warning" | "primary" | "default" | "danger" | undefined;
size?: "small" | "normal" | undefined;
id?: string | undefined;
className?: string | undefined;
disabled?: boolean | undefined;
name?: string | undefined;
type: 'submit' | 'reset' | 'button';
value?: string | number | readonly string[] | undefined;
onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
tabIndex?: number | undefined;
} & {
children?: React.ReactNode;
} & React.RefAttributes<HTMLButtonElement>>;
export default Button;