bpk-component-floating-notification v3.1.2

bpk-component-floating-notification

Installation

npm install bpk-component-floating-notification --save-dev

Usage

import React from 'react';
import BpkFloatingNotification from 'bpk-component-floating-notification';
import BpkIconHeart from '../../packages/bpk-component-icon/sm/heart';

export default () => (
  <BpkFloatingNotification
    ctaText="View"
    icon={BpkIconHeart}
    onClick={() => {}}
    text="Killer Combo saved to New York and Miami 🎉"
  />
);

Props

Prop Details

hideAfter

This prop controls the amount of time that the notification stays visible before the exit animation begins.

The default value is 4 seconds (4000 milliseconds).

onExit

Execute a function after the component has finished the exit animation.