@hhgtech/hhg-components
Version:
Hello Health Group common components
35 lines (34 loc) • 1.52 kB
TypeScript
import React, { ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
export type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
size: 'lg' | 'md' | 'sm' | 'xs';
children?: ReactNode;
color?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'ghost' | 'danger' | 'success';
theme?: 'helloSites' | 'marryBaby';
isDisabled?: boolean;
isBlock?: boolean;
title?: string;
className?: string;
icon?: JSX.Element;
iconPosition?: 'left' | 'right';
isLoading?: boolean;
loadingText?: string;
onClick?: React.MouseEventHandler<HTMLButtonElement>;
dataEventCategory?: string;
dataEventAction?: string;
dataEventLabel?: string;
dataProductChannel?: string;
dataProductSku?: string;
dataProductBrand?: string;
dataProductName?: string;
dataProductPrice?: string;
dataProductCategory?: string;
dataProductPosition?: string;
type?: 'submit' | 'reset' | 'button';
component?: ElementType;
href?: string;
};
/**
* @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
*/
declare const Button: ({ size, color, isDisabled, isBlock, title, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: Props) => React.JSX.Element;
export { Button };