react-card-flip
Advanced tools
Comparing version 1.0.7 to 1.0.8
@@ -1,39 +0,34 @@ | ||
declare module 'react-card-flip' { | ||
export interface ReactFlipCardProps { | ||
/**z-Index for the flip card. Used to help solve context stack issues while using multiple flip cards. | ||
* @default 'auto' | ||
*/ | ||
cardZIndex?: string; | ||
/**Extra css styling that can be applied to the container. | ||
* @default {} | ||
*/ | ||
containerStyle?: {}; | ||
/**False to show the front of the card, true to show the back | ||
* @default undefined | ||
*/ | ||
isFlipped?: boolean; | ||
/**The speed of the flip animation when the card flips from back to front, the higher the number the slower the flip animation | ||
* @default 0.6 | ||
*/ | ||
flipSpeedBackToFront?: number; | ||
/**The speed of the flip animation when the card flips from front to back, the higher the number the slower the flip animation | ||
* @default 0.6 | ||
*/ | ||
flipSpeedFrontToBack?: number; | ||
cardStyles?: { front?: {}; back?: {} }; | ||
/**False to rotate in opposite directions on both sides of the card, true to rotate in the same direction | ||
* @default false | ||
*/ | ||
infinite?: boolean; | ||
/**Direction of the card flip (options are: 'horizontal' or 'vertical' ) | ||
* @default 'horizontal' | ||
*/ | ||
flipDirection?: 'horizontal' | 'vertical'; | ||
children: [React.ReactNode, React.ReactNode]; | ||
} | ||
const ReactFlipCard: React.FC<ReactFlipCardProps> = () => {}; | ||
} | ||
export interface ReactFlipCardProps { | ||
/**z-Index for the flip card. Used to help solve context stack issues while using multiple flip cards. | ||
* @default 'auto' | ||
*/ | ||
cardZIndex?: string; | ||
/**Extra css styling that can be applied to the container. | ||
* @default {} | ||
*/ | ||
containerStyle?: {}; | ||
/**False to show the front of the card, true to show the back | ||
* @default undefined | ||
*/ | ||
isFlipped?: boolean; | ||
/**The speed of the flip animation when the card flips from back to front, the higher the number the slower the flip animation | ||
* @default 0.6 | ||
*/ | ||
flipSpeedBackToFront?: number; | ||
/**The speed of the flip animation when the card flips from front to back, the higher the number the slower the flip animation | ||
* @default 0.6 | ||
*/ | ||
flipSpeedFrontToBack?: number; | ||
export default ReactCardFlip; | ||
cardStyles?: { front?: {}; back?: {} }; | ||
/**False to rotate in opposite directions on both sides of the card, true to rotate in the same direction | ||
* @default false | ||
*/ | ||
infinite?: boolean; | ||
/**Direction of the card flip (options are: 'horizontal' or 'vertical' ) | ||
* @default 'horizontal' | ||
*/ | ||
flipDirection?: 'horizontal' | 'vertical'; | ||
children: [React.ReactNode, React.ReactNode]; | ||
} |
@@ -13,4 +13,11 @@ "use strict"; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var React = require("react"); | ||
var React = __importStar(require("react")); | ||
var react_1 = require("react"); | ||
@@ -68,2 +75,1 @@ var ReactCardFlip = function (props) { | ||
}; | ||
exports.default = ReactCardFlip; |
{ | ||
"name": "react-card-flip", | ||
"version": "1.0.7", | ||
"version": "1.0.8", | ||
"description": "ReactCardFlip", | ||
@@ -5,0 +5,0 @@ "main": "./lib/ReactCardFlip.js", |
13803
107