Statement

Demos

Default

import { Statement } from 'marketing-ui'

function Demo() {
  return (
    <Statement tagline='Ever thought about?'>
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Statement>
  )
}

export default Demo

Center

import { Statement } from 'marketing-ui'

function Demo() {
  return (
    <Statement alignment='center' tagline='Ever thought about?'>
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Statement>
  )
}

export default Demo

Invert

import { Statement } from 'marketing-ui'

function Demo() {
  return (
    <Statement variant='invert' tagline='Ever thought about?'>
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Statement>
  )
}

export default Demo

Invert center

import { Statement } from 'marketing-ui'

function Demo() {
  return (
    <Statement
      variant='invert'
      alignment='center'
      tagline='Ever thought about?'
    >
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Statement>
  )
}

export default Demo

Brand

import { Statement } from 'marketing-ui'

function Demo() {
  return (
    <Statement variant='brand' tagline='Ever thought about?'>
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Statement>
  )
}

export default Demo

Brand center

import { Statement } from 'marketing-ui'

function Demo() {
  return (
    <Statement variant='brand' alignment='center' tagline='Ever thought about?'>
      What if there were a fragrance so powerful it could transform your partner
      into an adventure you never saw coming?
    </Statement>
  )
}

export default Demo

Props