Notification

Overview

A reusable notification banner that spans the width of the page and displays arbitrary children. Any stlying that may need to be applied to the content of the of the notification will need to be applied at the child level.

import React, { PropTypes } from 'react';
import { Notification } from 'telus-thorium-enriched';

function NotificationExample(props) {

  return (
    <Notification>
      <h4>Notification content goes here.</h4>
    </Notification>
  );
};

export default NotificationExample;

API

Examples

The component comes in the following colour variations:

• Default
• Branded
• Success
• Error
• instructional