react-flipme
Version:
React UI library for flipping cards
24 lines (23 loc) • 927 B
TypeScript
import React from "react";
import { AvailableVariants } from "./preferences/variants";
import { AvailableSizes } from "./preferences/sizes";
import { FrontProps } from "./sides/Front";
import { BackProps } from "./sides/Back";
declare type FlipCardStyles = {
style?: React.CSSProperties;
variant?: AvailableVariants;
size?: AvailableSizes;
rounded?: boolean;
flipped?: boolean;
width?: string;
height?: string;
};
declare type ChildrenType = [React.ReactElement<FrontProps>, React.ReactElement<BackProps>] | [React.ReactElement<BackProps>, React.ReactElement<FrontProps>];
declare type FlipCardProps = FlipCardStyles & {
children: ChildrenType;
} & React.HTMLAttributes<HTMLDivElement>;
declare const FlipCard: React.FC<FlipCardProps> & {
Front: React.FC<FrontProps>;
Back: React.FC<BackProps>;
};
export { FlipCard, FlipCardProps, FlipCardStyles, ChildrenType };