Tiny Upseller

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

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

This notification usually sits on the left sidebar, it’s used to promote global offers and promos.

Switch to the yearly plan for $82 per year

<TinyUpseller
  title="Switch to the yearly plan for $82 per year"
  image={
    <Image
      src={sketchIcon}
      src2x={sketchIcon2x}
      alt="My Sketch Icon"
      display="block"
    />
  }
  callToAction={<Button kind="ghost">View details</Button>}
  onClickClose={() => null}
/>

Props

Prop

Type

Default

callToAction

React.Element

–

image

React.Element

–

onClickClose

func

–

title

string

–