decentraland-ui
Version:
Decentraland's UI components and styles
84 lines (83 loc) • 3.03 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.WithoutBorderBorderless = exports.WithDisableItems = exports.WithActiveItem = exports.Simple = void 0;
var react_1 = __importDefault(require("react"));
var ToggleBox_1 = require("./ToggleBox");
var meta = {
title: 'ToggleBox',
component: ToggleBox_1.ToggleBox
};
exports.default = meta;
exports.Simple = {
render: function () { return (react_1.default.createElement(ToggleBox_1.ToggleBox, { header: "Header text", items: [
{ title: 'Item 1', description: 'Description of the item 1' },
{ title: 'Item 2', description: 'Description of the item 2' },
{ title: 'Item 3', description: 'Description of the item 3' }
] })); }
};
exports.WithActiveItem = {
render: function () { return (react_1.default.createElement(ToggleBox_1.ToggleBox, { header: "Header text", value: 1, items: [
{
title: 'Item 1',
description: 'Description of the item 1',
value: 1
},
{
title: 'Item 2',
description: 'Description of the Active item 2',
value: 2
},
{
title: 'Item 3',
description: 'Description of the item 3',
value: 3
}
] })); }
};
exports.WithDisableItems = {
render: function () { return (react_1.default.createElement(ToggleBox_1.ToggleBox, { header: "Header text with disabled items", value: 3, items: [
{
title: 'Item 1',
description: 'Description of the active item 1',
value: 1,
disabled: false
},
{
title: 'Item 2',
description: 'Description of the disabled item 2',
value: 2,
disabled: true
},
{
title: 'Item 3',
description: 'Description of the item 3',
value: 3,
disabled: false
}
] })); }
};
exports.WithoutBorderBorderless = {
render: function () { return (react_1.default.createElement(ToggleBox_1.ToggleBox, { header: "Without border", borderless: true, value: 3, items: [
{
title: 'Item 1',
description: 'Description of the active item 1',
value: 1,
disabled: false
},
{
title: 'Item 2',
description: 'Description of the disabled item 2',
value: 2,
disabled: true
},
{
title: 'Item 3',
description: 'Description of the item 3',
value: 3,
disabled: false
}
] })); }
};