decentraland-ui
Version:
Decentraland's UI components and styles
50 lines (49 loc) • 2.95 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.BottomCenter = exports.BottomRight = exports.BottomLeft = exports.TopCenter = exports.TopLeft = exports.ListsToasts = void 0;
var react_1 = __importDefault(require("react"));
var Toast_1 = require("../Toast/Toast");
var Toasts_1 = require("./Toasts");
var meta = {
title: 'Toasts',
component: Toasts_1.Toasts
};
exports.default = meta;
exports.ListsToasts = {
render: function () { return (react_1.default.createElement(Toasts_1.Toasts, null,
react_1.default.createElement(Toast_1.Toast, { title: "Title 1", body: "Body 1" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 2", body: "Body 2" }))); }
};
exports.TopLeft = {
render: function () { return (react_1.default.createElement(Toasts_1.Toasts, { position: "top left" },
react_1.default.createElement(Toast_1.Toast, { title: "Title 1", body: "Body 1" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 2", body: "Body 2" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 3", body: "Body 3" }))); }
};
exports.TopCenter = {
render: function () { return (react_1.default.createElement(Toasts_1.Toasts, { position: "top center" },
react_1.default.createElement(Toast_1.Toast, { title: "Title 1", body: "Body 1" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 2", body: "Body 2" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 3", body: "Body 3" }))); }
};
exports.BottomLeft = {
render: function () { return (react_1.default.createElement(Toasts_1.Toasts, { position: "bottom left" },
react_1.default.createElement(Toast_1.Toast, { title: "Title 1", body: "Body 1" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 2", body: "Body 2" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 3", body: "Body 3" }))); }
};
exports.BottomRight = {
render: function () { return (react_1.default.createElement(Toasts_1.Toasts, { position: "bottom right" },
react_1.default.createElement(Toast_1.Toast, { title: "Title 1", body: "Body 1" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 2", body: "Body 2" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 3", body: "Body 3" }))); }
};
exports.BottomCenter = {
render: function () { return (react_1.default.createElement(Toasts_1.Toasts, { position: "bottom center" },
react_1.default.createElement(Toast_1.Toast, { title: "Title 1", body: "Body 1" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 2", body: "Body 2" }),
react_1.default.createElement(Toast_1.Toast, { title: "Title 3", body: "Body 3" }))); }
};