How to use the card.disableFlipping function in card

To help you get started, we’ve selected a few card examples, based on popular ways it is used in public projects.

github microsoft / PowerBI-visuals-CardBrowser / lib / @uncharted / cards / src / components / card / card.js View on Github external
render() {
        const noImages = !this.data.imageUrl && (this.data.source || this.data.sourceUrl);
        const displayBackCardByDefault = this._config['card.displayBackCardByDefault'];
        const disableFlipping = this._config['card.disableFlipping'];
        const enableBoxShadow = this._config['card.enableBoxShadow'];
        const metaDataFontSize = this._config['card.metadata.fontSize'];
        const metaDataTitleColor = this._config['card.metadata.title.color'];
        const metaDataTitleFontFamily = this._config['card.metadata.title.fontFamily'];
        const metaDataValueColor = this._config['card.metadata.value.color'];
        const metaDataValueFontFamily = this._config['card.metadata.value.fontFamily'];

        const data = Object.assign({
            titleOnly: noImages,
            boxShadow: enableBoxShadow,
            width: this.isExpanded ? this.expandedWidth : this.initialWidth,
            height: this.height,
            expandedWidth: this.expandedWidth,
            cardContentWidth: this.initialWidth,
            isExpanded: this.isExpanded,
            isFlipped: this.isFlipped,
github microsoft / PowerBI-visuals-CardBrowser / lib / @uncharted / cards / src / components / card / card.js View on Github external
_moveReaderContent() {
        if (this.readerContent && this.readerContent.$element && this.readerContent.$element.parent().hasClass('card-reader-container')) {
            const readerContainerSelector = this.isFlipped ? '.back.card .card-reader-container' : '.front.card .card-reader-container';
            this.$element.find(this._config['card.disableFlipping'] ? '.card-reader-container' : readerContainerSelector).append(this.readerContent.$element);
        }
    }

card

Card lets you add an interactive, CSS3 credit card animation to your credit card form to help your users through the process.

MIT
Latest version published 1 year ago

Package Health Score

73 / 100
Full package analysis

Similar packages