linkees
Version:
A beautiful Single Page component made with React to display all your important social links for your followers (Alternative to linktr.ee).
62 lines • 1.78 kB
TypeScript
export type ThemeType = "dark" | "light";
export declare const CHANNEL_TYPES: {
readonly DRIBBLE: "DRIBBLE";
readonly GITHUB: "GITHUB";
readonly INSTAGRAM: "INSTAGRAM";
readonly LINKEDIN: "LINKEDIN";
readonly TELEGRAM: "TELEGRAM";
readonly TWITTER: "TWITTER";
readonly WEBSITE: "WEBSITE";
readonly YOUTUBE: "YOUTUBE";
readonly OTHER: "OTHER";
};
export type KnownChannelTypes = typeof CHANNEL_TYPES.DRIBBLE | typeof CHANNEL_TYPES.GITHUB | typeof CHANNEL_TYPES.INSTAGRAM | typeof CHANNEL_TYPES.LINKEDIN | typeof CHANNEL_TYPES.TELEGRAM | typeof CHANNEL_TYPES.TWITTER | typeof CHANNEL_TYPES.WEBSITE | typeof CHANNEL_TYPES.YOUTUBE;
export type UnknownChannelType = typeof CHANNEL_TYPES.OTHER;
export interface KnownChannelItem {
type: KnownChannelTypes;
title: string;
subtitle: string;
image?: string;
link: string;
}
export interface UnknownChannelItem {
type: UnknownChannelType;
title: string;
subtitle: string;
image: string;
link: string;
}
export type ItemType = KnownChannelItem | UnknownChannelItem;
export interface IIcon {
color?: string;
size?: number;
className?: string;
}
export interface ICard {
i: number;
title: string;
subtitle: string;
link: string;
cover: string;
className?: string;
onClick?: () => void;
}
export interface LinkeesProps {
headerAvatar?: string;
cardItems: ItemType[];
name: string;
theme?: ThemeType;
className?: string;
showFooter?: boolean;
customFooter?: React.ReactNode;
}
export interface HeaderProps {
avatar?: string;
name: string;
className?: string;
}
export interface FooterProps {
className?: string;
children?: React.ReactNode;
}
//# sourceMappingURL=index.d.ts.map