decentraland-ui
Version:
Decentraland's UI components and styles
46 lines (45 loc) • 2.77 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ToastWithExtraClasses = exports.ToastWithIcon = exports.ErrorToast = exports.WarnToast = exports.InfoToast = exports.Timeout = exports.Closable = exports.JSXProps = exports.SimpleToastExample = void 0;
var react_1 = __importDefault(require("react"));
var alert_svg_1 = __importDefault(require("../../assets/alert.svg"));
var Toast_1 = require("./Toast");
require("./Toast.stories.css");
var meta = {
title: 'Toast',
component: Toast_1.Toast
};
exports.default = meta;
exports.SimpleToastExample = {
render: function () { return react_1.default.createElement(Toast_1.Toast, { title: "Toast title", body: "Toast body" }); }
};
exports.JSXProps = {
render: function () { return (react_1.default.createElement(Toast_1.Toast, { title: react_1.default.createElement("h1", null, "Title"), body: react_1.default.createElement("p", null,
react_1.default.createElement("small", null, "Small"),
" ",
react_1.default.createElement("a", { href: "#" }, "Link")) })); }
};
exports.Closable = {
render: function () { return react_1.default.createElement(Toast_1.Toast, { title: "Toast title", body: "Toast body", closable: true }); }
};
exports.Timeout = {
render: function () { return (react_1.default.createElement(Toast_1.Toast, { title: "Timeout", body: "I will call onClose after 1 second", closable: true, timeout: 1000, onClose: function () { return console.log('I should be closing now'); } })); }
};
exports.InfoToast = {
render: function () { return react_1.default.createElement(Toast_1.Toast, { type: Toast_1.ToastType.INFO, title: "Info Toast", body: "INFO" }); }
};
exports.WarnToast = {
render: function () { return react_1.default.createElement(Toast_1.Toast, { type: Toast_1.ToastType.WARN, title: "Warn toast", body: "WARN" }); }
};
exports.ErrorToast = {
render: function () { return (react_1.default.createElement(Toast_1.Toast, { type: Toast_1.ToastType.ERROR, title: "Error toast", body: "ERROR" })); }
};
exports.ToastWithIcon = {
render: function () { return (react_1.default.createElement(Toast_1.Toast, { type: Toast_1.ToastType.INFO, title: "Toast with icon", body: "This toast has an icon", icon: react_1.default.createElement("img", { src: alert_svg_1.default }) })); }
};
exports.ToastWithExtraClasses = {
render: function () { return (react_1.default.createElement(Toast_1.Toast, { type: Toast_1.ToastType.INFO, title: "Toast with fixed height and width", body: "This toast has a fixed height and width", className: "height-200 width-300" })); }
};