@planetar/example-card

Example Card based on a Vue file with automatic source extraction

Usage no npm install needed!

<script type="module">
  import planetarExampleCard from 'https://cdn.skypack.dev/@planetar/example-card';
</script>

README

Component ExampleCard

npm npm

Component ExampleCard

Short description of the component

Usage

import Vue from 'vue'
import Plugin from '@planetar/example-card'
import '@planetar/example-card/dist/index.css'

Vue.use(Plugin)

Then use as <ExampleCard />

OR:

<script>
  import { ExampleCard } from '@planetar/example-card'

  export default {
    components: {
      ExampleCard
    }
  }
</script>

UMD variant

Exports window.exampleCard.

Add the following tag(s):

<head>
  <!-- at the bottom of head -->
  <link
    href="https://cdn.jsdelivr.net/npm/@planetar/example-card/dist/index.min.css"
    rel="stylesheet"
    type="text/css"
  />
</head>
<body>
  <!-- at end  bottom of body -->
  <script src="https://cdn.jsdelivr.net/npm/@planetar/example-card/dist/index.umd.min.js"></script>
</body>

License

MIT (c) Luca Ban - Mesqueeb