How to use the @financial-times/x-teaser.presets.HeroVideo function in @financial-times/x-teaser

To help you get started, weā€™ve selected a few @financial-times/x-teaser examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Financial-Times / x-dash / private / ssr-benchmark / mocks / list.js View on Github external
url: '#',
			prefLabel: 'US'
		},
		image: {
			url:
				'http://com.ft.imagepublish.upp-prod-eu.s3.amazonaws.com/a27ce49b-85b8-445b-b883-db6e2f533194',
			width: 1920,
			height: 1080
		},
		video: {
			url: 'https://next-media-api.ft.com/renditions/15218247321960/640x360.mp4',
			width: 640,
			height: 360,
			mediaType: 'video/mp4'
		},
		...presets.HeroVideo
	},
	{
		type: 'paid-post',
		id: '',
		url: '#',
		title: 'Why eSports companies are on a winning streak',
		standfirst:
			'ESports is big business and about to get bigger: global revenues could hit $1.5bn by 2020',
		promotedPrefix: 'Paid post',
		promotedSuffix: 'by UBS',
		image: {
			url: 'https://tpc.googlesyndication.com/pagead/imgad?id=CICAgKCrm_3yahABGAEyCMx3RoLss603',
			width: 700,
			height: 394
		},
		...presets.Small

@financial-times/x-teaser

This module provides templates for use with o-teaser. Teasers are used to present content.

ISC
Latest version published 6 days ago

Package Health Score

76 / 100
Full package analysis