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>
16 lines (15 loc) • 931 B
TypeScript
import { ComponentPropsWithRef } from "react";
import { Size, ColorCodes } from "../../types";
export type IconName = "file" | "upload" | "heart" | "home" | "minus" | "plus" | "mail" | "basket" | "starFill" | "info" | "ok" | "warning" | "cross" | "close" | "arrowDown" | "tick" | "user" | "message" | "clear" | "send" | "formatAlignCenter" | "formatAlignJustify" | "formatAlignLeft" | "formatAlignRight" | "navigateBefore" | "navigateNext" | "check" | "expandLess" | "expandMore" | "keyboardControl" | "firstPage" | "lastPage" | "person" | "star" | "bookmarkOutline" | "favorite" | "https" | "search" | "viewList" | "viewModule" | "viewQuilt" | "calendarToday" | "locationPin";
type NameType = {
name: IconName;
};
type IconType = NameType & {
color?: ColorCodes;
size?: Size;
};
export type IconStyledProps = NameType & {
size: Size;
};
export type IconProps = ComponentPropsWithRef<"span"> & IconType;
export {};