Hint Bar

This component allows us to draw attention to an offer, promo or piece of info specific to that view. To use, import from @marvelapp/ui:

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

User Testing is now available!Starting testing your designs today for free on your plan.

You can now prototype in Sketch!Sync artboards, prototypes and much more with the latest version.

<HintBar
  bg="steel"
  image={
    <Image
      src={sketchIcon}
      src2x={sketchIcon2x}
      alt="My Sketch Icon"
      display="block"
    />
  }
  title="You can now prototype in Sketch!"
  description="Sync artboards, prototypes and much more with the latest version."
  callToAction={<Button kind="withShadow">Download</Button>}
  onClickClose={() => alert('clicked')}
/>

Props

Prop

Type

Default

purple

callToAction

React.Element

–

description

string

–

image

React.Element

–

onClickClose

func

–

title

string

–