@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS
37 lines (36 loc) • 1.31 kB
TypeScript
import { t as Themes } from "./constants-CzAkZidt.js";
import { r as Variants } from "./Button.constants-DP83IEVN.js";
import { AllHTMLAttributes, CSSProperties, ElementType, MouseEvent, ReactNode } from "react";
import { breakpoints } from "@snowball-tech/design-tokens/dist/web/typescript/constants.js";
//#region src/types.d.ts
type Breakpoint = keyof typeof breakpoints;
//#endregion
//#region src/components/Button/Button.types.d.ts
interface ButtonProps extends Omit<AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'label' | 'onClick' | 'wrap'> {
children?: ReactNode;
disabled?: boolean;
element?: ElementType;
fullStyle?: boolean;
fullWidth?: boolean;
href?: string;
icon?: ReactNode;
iconHidden?: boolean | Breakpoint;
iconOnly?: boolean | 'auto' | Breakpoint;
iconPosition?: 'left' | 'right';
inlineStyle?: boolean;
label?: ReactNode;
target?: HTMLAnchorElement['target'];
theme?: Themes;
truncate?: boolean;
type?: 'button' | 'reset' | 'submit';
underlined?: boolean;
variant?: `${Variants}`;
wrap?: boolean;
onClick?: (event: MouseEvent<HTMLElement>) => void;
wrapperClassName?: string;
wrapperStyles?: CSSProperties;
disableClickTracking?: boolean;
}
//#endregion
export { ButtonProps as t };
//# sourceMappingURL=Button.types-NreClzsn.d.ts.map