@orfeas126/box-ui-elements
Version:
Box UI Elements
31 lines • 1.52 kB
JavaScript
import * as React from 'react';
import { IntlProvider } from 'react-intl';
import Button from '../../button/Button';
import Notification from '../Notification';
import notes from './Notification.stories.md';
export const basic = () => /*#__PURE__*/React.createElement(IntlProvider, {
locale: "en"
}, /*#__PURE__*/React.createElement(Notification, null, "This is a default notification."));
export const info = () => /*#__PURE__*/React.createElement(IntlProvider, {
locale: "en"
}, /*#__PURE__*/React.createElement(Notification, {
type: "info"
}, /*#__PURE__*/React.createElement("span", null, "This is an info notification with a button."), /*#__PURE__*/React.createElement(Button, null, "Click me")));
export const warn = () => /*#__PURE__*/React.createElement(IntlProvider, {
locale: "en"
}, /*#__PURE__*/React.createElement(Notification, {
type: "warn"
}, /*#__PURE__*/React.createElement("span", null, "This is a warning notification with two buttons."), /*#__PURE__*/React.createElement(Button, null, "Click me"), /*#__PURE__*/React.createElement(Button, null, "Click me again")));
export const error = () => /*#__PURE__*/React.createElement(IntlProvider, {
locale: "en"
}, /*#__PURE__*/React.createElement(Notification, {
type: "error"
}, /*#__PURE__*/React.createElement("span", null, "This is an error notification.")));
export default {
title: 'Components/Notifications/Notification',
component: Notification,
parameters: {
notes
}
};
//# sourceMappingURL=Notification.stories.js.map