dls-illustrations-vue

dls-illustrations-vue

Installation

npm i -D dls-illustrations-vue

Usage

As Vue component

<template>
<figure>
  <illustration-not-found />
</figure>
</template>

<script>
import { IllustrationNotFound } from 'dls-illustrations-vue'

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

Available Illustrations

Hero

IllustrationBlank	IllustrationClientError	IllustrationForbidden
IllustrationNoResults	IllustrationNotFound	IllustrationReviewError
IllustrationReviewPending	IllustrationReviewSuccess	IllustrationServerError

Spot

IllustrationSpotBarChart	IllustrationSpotCleared	IllustrationSpotFunnelChart
IllustrationSpotGaugeChart	IllustrationSpotImageError	IllustrationSpotLineChart
IllustrationSpotLoadError	IllustrationSpotMap	IllustrationSpotNetworkError
IllustrationSpotNoAccess	IllustrationSpotNoContent	IllustrationSpotNoFavorites
IllustrationSpotNoHistory	IllustrationSpotNoImage	IllustrationSpotNoInternet
IllustrationSpotNoMessages	IllustrationSpotNoResults	IllustrationSpotNoStore
IllustrationSpotNoVideo	IllustrationSpotPieChart	IllustrationSpotPresentation
IllustrationSpotRadarChart	IllustrationSpotRelationshipChart	IllustrationSpotServerError
IllustrationSpotTryLater	IllustrationSpotVideoError	IllustrationSpotWordCloud

Misc

IllustrationImagePlaceholder

IllustrationLoading

Deprecated

IllustrationPartialBlank	IllustrationPartialBlankBrush	IllustrationPartialError
IllustrationPartialForbidden	IllustrationUnderReview