yzsd
Version:
a niubi UI component
23 lines • 859 B
JavaScript
/**
* title: 基本
* description: 基本标签的用法，可以通过添加 `closable` 变为可关闭标签。可关闭标签具有 `onClose` 事件。
*/
import { Tag } from 'yzsd';
import React from 'react';
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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, null, "Tag 1"), /*#__PURE__*/React.createElement(Tag, null, /*#__PURE__*/React.createElement("a", null, "Link")), /*#__PURE__*/React.createElement(Tag, {
closable: true,
onClose: log
}, "Tag 2"), /*#__PURE__*/React.createElement(Tag, {
closable: true,
onClose: preventDefault
}, "Prevent Default"));
};
export default App;