@dpc-sdp/vla-video-tiles

A component to display videos that are available for a user to view

---

Install

npm install @dpc-sdp/vla-video-tiles --save

OR

yarn add @dpc-sdp/vla-video-tiles

---

Dependency graph

@dpc-sdp/vla-video-tiles
├── @dpc-sdp/ripple-global
└── @dpc-sdp/ripple-icon
└── @dpc-sdp/ripple-link

---

Import

import { VlaVideoTiles } from '@dpc-sdp/vla-video-tiles'

---

Implement

<vla-video-tiles :items="items" :title="title" :primaryCta="primaryCta"/>

Props

items (type: Array, required: true)

items is an array of objects with the following structure:

items: [
    {
        url: '/video-link-goes-her',
        text: 'Buying a car',
        duration: '2:22',
        image: '/image-link'
    },
    ...
]

title (type: String, required: true)

    title: "Videos about the law"

primaryCta ({ text: { type: String, default: 'View all videos'}, url: String })

    primaryCta: {
        text: 'View all videos',
        url: 'https://www.police.vic.gov.au/'
    }

---

License

Licensed under the Apache-2.0 License.