1.0.11 • Published 1 year ago
@dpc-sdp/vla-video-tiles v1.0.11
@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.