Image

Demos

Default

Fullscreen
import { Image } from 'marketing-ui'

function Demo() {
  return (
    <Image
      data-image-size='richtext-media-image'
      src='https://res.cloudinary.com/sonax-gmbh/image/fetch/v1762172882/https://images.ctfassets.net/myziqoe43fa7/3x7j6lwUucmP3jRnXenksG/84dd8cbd5a91de69ce6d72b16cefde94/SNX__GREENFORREST__LANDING.png'
    />
  )
}

export default Demo

Fullpage

Fullscreen
import { Image } from 'marketing-ui'

function Demo() {
  return (
    <Image
      variant='fullpage'
      data-image-size='image-fullpage'
      src='https://res.cloudinary.com/sonax-gmbh/image/fetch/v1762172882/https://images.ctfassets.net/myziqoe43fa7/3x7j6lwUucmP3jRnXenksG/84dd8cbd5a91de69ce6d72b16cefde94/SNX__GREENFORREST__LANDING.png'
    />
  )
}

export default Demo

Props