Skip to content
A reusable skeleton card component written in Vuejs
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs/images update REAME Aug 28, 2017
src/components remove unused files Sep 3, 2017
README.md Update Readme. Feb 16, 2019
package.json first commit Aug 28, 2017

README.md

skeleton-card-vuejs

A reusable skeleton card component written in Vuejs

alt text

Motivation

Loader spinner are boring. A skeleton card gives to the user a clue of what the content will look like.

Usage

The package can be installed using npm

npm install -S skeleton-card-vuejs

Then you just need to import it has a normal vuejs component

import SkeletonCard from 'skeleton-card-vuejs'

It provides a customisable skeleton card to be display as feedback while loading a content

It needs Veutify in order to work, you can find more about it:

https://vuetifyjs.com/quick-start

If you want to know more, you can read the medium article about it:

https://medium.com/js-dojo/async-in-vue-js-part-1-28d96f751a2e

API

The compononent's shape can be customise using the following props:

hasHeader: Boolean

If true the header with the avatar is displayed

hasMedia: Boolean

If true the media is displayed

hasText: Boolean

If true the thext is displayed

hasActions: Boolean

If true the actions are displayed after the content

lines: Int

The number of text linest to be showed

You can’t perform that action at this time.