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 (
    <>
        <style dangerouslySetInnerHTML={{ __html: `
          body, html {
            background: var(--ui-sonax-red);
          }
        ` }} />
        <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 (
    <>
        <style dangerouslySetInnerHTML={{ __html: `
          body, html {
            background: var(--ui-sonax-red);
          }
        ` }} />
        <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