UNPKG

gooey_collections

Version:

Gooery collection will give button, loader, slider, radio button UI.

44 lines (37 loc) 1.3 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireDefault(require("react")); require("./radio_button.css"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function radio_button(props) { // const list_data = [ // {"id":"1", "name":"C"}, // {"id":"2", "name":"React js"}, // {"id":"3", "name":"Node js"}, // {"id":"4", "name":"Unreal engine"}, // ]; const animation = { animation: "none" }; // {list_data.map(datas => ( // console.log(datas) // ))} return /*#__PURE__*/_react.default.createElement("div", { className: "App" }, /*#__PURE__*/_react.default.createElement("div", { class: "container", style: animation }, /*#__PURE__*/_react.default.createElement("ul", null, props.data.map(datas => /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("input", { type: "radio", id: datas.id, name: "selector" }), /*#__PURE__*/_react.default.createElement("label", { for: datas.id }, datas.name), /*#__PURE__*/_react.default.createElement("div", { class: "check" })))))); } var _default = radio_button; exports.default = _default;