nx-card v1.0.3

nx-card

Simple and beautiful card made for vue.js.

Live Demo

Table of contents

• Installation
• Usage

Installation

npm install --save nx-card

Default import

Install all the components:

import Vue from 'vue'
import NxCard from 'nx-card'

Vue.use(NxCard)

Distribution import

Install all the components:

import 'nx-card/dist/nx-card.css'
import NxCard from 'nx-card/dist/nx-card.common'

Vue.use(NxCard)

Browser

<link rel="stylesheet" href="nx-card/dist/nx-card.css"/>
<script src="vue.js"></script>
<script src="nx-card/dist/nx-card.browser.js"></script>

The plugin should be auto-installed. If not, you can install it manually with the instructions below.

Install all the components:

Vue.use(NxCard)

Usage

In the template, use the nx-card directive:

<nx-card url="https://vuejs.org">
  <template slot="title">Lorem ipsum dolor sit.</template>
  <template slot="description">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quibusdam voluptate exercitationem odit neque optio quos soluta illum earum nulla molestiae.</template>
  <template slot="image">
    <img src="http://nx-card.surge.sh/logo.png">
  </template>
</nx-card>