gooey_collections
Version:
Gooery collection will give button, loader, slider, radio button UI.
153 lines (146 loc) • 5.76 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
require("./bubble_effect.css");
require("./ionicons.min.css");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function bubble_effect(props) {
const bg_clr = {
background: props.bg_color,
color: props.color,
"font-size": props.font,
border: props.border
};
return /*#__PURE__*/_react.default.createElement("div", {
className: "App"
}, /*#__PURE__*/_react.default.createElement("div", {
class: "button"
}, /*#__PURE__*/_react.default.createElement("input", {
id: "button",
type: "checkbox"
}), /*#__PURE__*/_react.default.createElement("label", {
for: "button"
}, /*#__PURE__*/_react.default.createElement("div", {
class: "button_inner q",
name: props.name,
onClick: props.handleClick,
style: bg_clr
}, /*#__PURE__*/_react.default.createElement("i", {
class: "l ion-log-in"
}), /*#__PURE__*/_react.default.createElement("span", {
class: "t"
}, props.label), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
class: "tick ion-checkmark-round"
})), /*#__PURE__*/_react.default.createElement("div", {
class: "b_l_quad"
}, /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}), /*#__PURE__*/_react.default.createElement("div", {
class: "button_spots"
}))))));
}
var _default = bubble_effect;
exports.default = _default;