@blueeast/bluerain-plugin-material-ui
Version:
Adds [Material UI](http://www.material-ui.com/#/) theme Provider to BlueRain. Components of material-ui have been developed using a common interface. [https://blueeast.gitbook.io/bluerain-plugin-material-ui](https://blueeast.gitbook.io/bluerain-plugin-mat
39 lines • 2.01 kB
JavaScript
;
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const React = __importStar(require("react"));
const addon_knobs_1 = require("@storybook/addon-knobs");
const Switch_1 = require("../../Switch");
const Switchtest_1 = __importDefault(require("./Switchtest"));
const addon_actions_1 = require("@storybook/addon-actions");
const react_1 = require("@storybook/react");
const stories = react_1.storiesOf('Switch', module);
stories.addDecorator(addon_knobs_1.withKnobs).add('Switch (with knobs)', () => {
const disabled = addon_knobs_1.boolean('disabled', false);
const value = addon_knobs_1.boolean('value', true);
return (React.createElement(Switch_1.Switch, { disabled: disabled, onValueChange: addon_actions_1.action('Value is changed'), checked: value }));
});
stories.add('Switch (default)', () => {
return (React.createElement(Switch_1.Switch, null));
});
stories.add('Switch with color properties', () => {
return (React.createElement(Switch_1.Switch, { color: "primary" }));
});
stories.add('Switch (MUI specific props)', () => {
return (React.createElement("div", { style: { display: 'flex', } },
React.createElement(Switch_1.Switch, { "aria-label": "checkedD" }),
React.createElement(Switch_1.Switch, { value: true, onValueChange: addon_actions_1.action('Value is changed!'), "aria-label": "checkedD", mvalue: "Switch", color: "secondary" })));
});
stories.add('Switch with states', () => {
return (React.createElement(Switchtest_1.default, { muValue: 'switch' }));
});
//# sourceMappingURL=Switch.stories.js.map