Skip to main content

RtkNotification

A component which shows a notification.

<RtkNotification
  notification={{
    id: 'your-id',
    message: 'Vaibhav says hi!',
    image: 'https://github.com/vaibhavshn.png',
    button: {
      text: 'Say Hi back',
      variant: 'ghost',
      onClick: () => alert('Hey'),
    },
  }}
  onRtkNotificationDismiss={() => {
    console.log('Dismissed');
  }}
/>

Props​

notification

required

Message

iconPack

Icon pack

Default
defaultIconPack

paused

Stops timeout when true

Type
boolean

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()