yzsd/lib/tag/demo/basic.js

a niubi UI component

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _yzsd = require("yzsd");
var _react = _interopRequireDefault(require("react"));
/**
 * title: 基本
 * description: 基本标签的用法，可以通过添加 `closable` 变为可关闭标签。可关闭标签具有 `onClose` 事件。
 */

var log = function log(e) {
  console.log(e);
};
var preventDefault = function preventDefault(e) {
  e.preventDefault();
  console.log('Clicked! But prevent default.');
};
var App = function App() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_yzsd.Tag, null, "Tag 1"), /*#__PURE__*/_react["default"].createElement(_yzsd.Tag, null, /*#__PURE__*/_react["default"].createElement("a", null, "Link")), /*#__PURE__*/_react["default"].createElement(_yzsd.Tag, {
    closable: true,
    onClose: log
  }, "Tag 2"), /*#__PURE__*/_react["default"].createElement(_yzsd.Tag, {
    closable: true,
    onClose: preventDefault
  }, "Prevent Default"));
};
var _default = App;
exports["default"] = _default;