Slim Upseller

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

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

It’s used to promote global offers and promos.

Ideate and design faster

Customise your intro and outro screens to whatever you feel like.

<SlimUpseller
  title="Ideate and design faster"
  subtitle="Customise your intro and outro screens to whatever you feel like."
  image={
    <Image
      src={tourImage}
      src2x={tourImage2x}
      alt="My Tour Preview"
      display="block"
    />
  }
  callToAction={<Button kind="marvel">Take a quick tour</Button>}
  onClickClose={() => null}
/>

Props

Prop

Type

Default

callToAction

React.Element

–

image

React.Element

–

onClickClose

func

–

subtitle

string

–

title

string

–