A React UI library with many solutions and components

This project is still under development

If you want to support in development, mail me

Button usage

import { Button } from "fletd";
import { FiDownloadCloud } from "react-icons/fi";

const App = () => (
  <Button
    type="primary"
    icon={<FiDownloadCloud />}
    iconConfig={{ side: "right" }}
    shape="rounded"
  >
    Download
  </Button>
);

Props

export type SizeTypes = "small" | "sm" | "medium" | "md" | "large" | "lg";
export type ButtonIconConfigProps = {
  side?: "left" | "right";
};

export type ButtonIconProps = {
  icon: React.ReactNode;
  config?: ButtonIconConfigProps;
  children?: React.ReactNode;
};

export type ButtonProps = {
  type?:
    | "primary"
    | "secondary"
    | "success"
    | "danger"
    | "warning"
    | "info"
    | "default"
    | "dark";
  outlined?: boolean;
  block?: boolean;
  icon?: React.ReactNode;
  iconConfig?: ButtonIconConfigProps;
  shape?: "square" | "rounded" | "fat";
  size?: SizeTypes;
  loading?: boolean;
  className?: string;
  ghost?: boolean;
  danger?: boolean;
  children?: React.ReactNode;
} & RemoveT<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">;