react-epic-trails-ds/components/Button/Button.type.ts

A flexible and customizable design system for React, providing pre-built UI components, typography, and themes to enhance web app development.

import { ButtonHTMLAttributes } from "react";

export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
  label?: string;
  variant?: "primary" | "secondary";
  size?: "fit"|"small" | "medium" | "large"|"full";
  icon?: "right" | "left";
  state?: "default" | "pressed" | "hover" | "loading";
  disabled?: boolean;
  background?: string | null;
  children?: React.ReactNode;
};

export interface TypeDocsProps {
  icon?: "left" | "right";
  buttonLabel?: string;
  label?: string;
  size?: "fit"|"small" | "medium" | "large"|"full";
  state?: "default" | "pressed" | "hover" | "disabled" | "loading";
  disabled?: boolean;
  background?: string;
  buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
  checkboxProps?: React.HTMLAttributes<HTMLDivElement>;
}