@wener/ui
Version:
25 lines • 1.5 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BasicPlantRotating = exports.BasicSolarSystemSpinner = exports.BasicPulseBubble = exports.BasicGradientSpinner = void 0;
const react_1 = __importDefault(require("react"));
const AlexWarnesCssLoader_1 = require("./AlexWarnesCssLoader");
exports.default = {
title: 'loader/spinner/AlexWarnesCssLoader',
component: AlexWarnesCssLoader_1.GradientSpinner,
argTypes: { onClick: { action: 'clicked' } },
decorators: [
(storyFn) => (react_1.default.createElement("div", { style: { backgroundColor: '#37474f', padding: 100 } },
react_1.default.createElement("div", null, storyFn()),
react_1.default.createElement("div", { style: { textAlign: 'center' } },
react_1.default.createElement("a", { href: "https://codepen.io/AlexWarnes/pen/jXYYKL", target: "_blank", rel: "noreferrer noopener" }, "AlexWarnes CSS Loading Animations CodePen")))),
],
};
// https://codepen.io/AlexWarnes/pen/jXYYKL
exports.BasicGradientSpinner = AlexWarnesCssLoader_1.GradientSpinner;
exports.BasicPulseBubble = AlexWarnesCssLoader_1.PulseBubble;
exports.BasicSolarSystemSpinner = AlexWarnesCssLoader_1.SolarSystemSpinner;
exports.BasicPlantRotating = AlexWarnesCssLoader_1.PlantRotating;
//# sourceMappingURL=AlexWarnesCssLoader.stories.js.map