Video

Demos

Default

Fullscreen
import { Icon, PlainButton, Video } from 'marketing-ui'
import { IconArrowDown } from 'icons'

function Demo() {
  return (
    <Video
      src='https://res.cloudinary.com/sonax-gmbh/video/fetch/f_auto,q_auto:best,c_fill,ar_5:8/https://videos.ctfassets.net/myziqoe43fa7/7AvGGPs2bSWGIXm7LQApSr/40d0f052beb7061c2354d2cc6e7c0351/SNX__75__LANDINGPAGE__INTRO.mp4'
      action={
        <PlainButton
          variant='invert'
          size='small'
          iconStart={<Icon i={IconArrowDown} />}
          label='Scroll down'
        />
      }
    />
  )
}

export default Demo

Props