preview-card

A sizable, skinnable tile that provides a button for modal display of overflowed content when it's present.
725
vue vuejs html javascript modal css card preview vuestrap js overflow auto tile auto-overflow preview-card
Install
npm install preview-card
Latest Version:3.0.1
Vue:2
Older releases:1
Last Updated:Jun 18, 2017
Links: npm
Maintainer: wakecoder

preview-card

A sizable, skinnable Vue.js card component that provides a button for modal display of overflowed content

Demo

View a demo at the wakecoder blog or check out the code in the example folder

Usage

Install, require (or import) and put in your HTML. NOTE: In most cases you will want to specify a height for the card so the front and back are the same size. This can be done via CSS. See below for more detail:

1. In a shell
npm install --save-dev preview-card
2. In your code
const Vue = require ('vue');
import previewCard from "preview-card/src/preview-card.vue";
const vue = new Vue ({
    el: "#app",
    data: {},
    components: {
        "preview-card": previewCard
    }
})
3. In your HTML
<preview-card transition="fade" style="height: 340px">
    <template slot="front" scope="ignore">
        Front content here
    </template>
    <template slot="back" scope="ignore">
        Back content here
    </template>
</preview-card>

Related Packages

the-themex-project

Themex aims to prevent a blank screen in your IDE and serves as a solid foundati...

7,230 18
css html javascript react vue.js
cc-current-time

安装 使用

559
html javascript js vue time
wisestar-ui

A Vue 3 Component Library. The next generation ui component library of wisestar-...

1,220 4
css html javascript composition api setup vue3 wisestar-ui
@blossom-carousel/web

A native-scroll-first carousel component for the web.

23,472 1,052
css html javascript js vue blossom carousel drag dragging react +8
@blossom-carousel/vue

A native-scroll-first carousel component for Vue.

9,694 1,052
css html javascript js vue blossom carousel drag dragging react +8

Version History

Version Released Vue License
3.0.1 ^2.2.6
3.0.0 ^2.2.6
2.0.2 ^2.2.6
2.0.1 ^2.2.6
2.0.0 ^2.2.6