Upseller

Another handy, dismissable notification. To use, import from @marvelapp/ui:

import { Upseller } from '@marvelapp/ui';

It’s used to promote global offers and promos.

Ideate and design faster

User Testing now offers surveys! Customise your intro and outro screens to whatever you feel like.

<Upseller
  title="Ideate and design faster"
  subtitle="User Testing now offers surveys! Customise your intro and outro screens to whatever you feel like."
  image={
    <Image
      src={videoImage}
      src2x={videoImage2x}
      alt="My Video Preview"
      display="block"
    />
  }
  callToAction={<Button kind="marvel">View details</Button>}
  onClickClose={() => null}
/>

Props

Prop

Type

Default

callToAction

React.Element

–

image

React.Element

–

onClickClose

func

–

subtitle

string

–

title

string

–