krypton-ui
Version:
<h1 align="center"> <p align="center"><a href="https://krypton-ui.com"><img src="https://user-images.githubusercontent.com/7073241/224507377-395bffc0-9ff7-4d74-865b-f734394a7e7e.png" alt="Krypton" width="200"></a></p> </h1>
21 lines (20 loc) • 619 B
TypeScript
import { ComponentPropsWithRef } from "react";
import { Color, Size } from "../../types";
export type Variant = "default" | "outline" | "text" | "icon";
export type Shape = "square" | "rounded";
type BaseButtonType = {
shape?: Shape;
variant?: Variant;
color?: Color;
fullWidth?: boolean;
size?: Size;
beginIcon?: React.ReactNode;
endIcon?: React.ReactNode;
};
type ButtonType = BaseButtonType & {
children?: React.ReactNode;
onClick?: () => void;
};
export type WrapperStyledProps = BaseButtonType;
export type ButtonProps = ComponentPropsWithRef<"button"> & ButtonType;
export {};