提交 6344e915 编写于 作者: A afc163

Add component tag

上级 b6fe8021
# 基本
- order: 0
标签。
---
````jsx
var Tag = antd.Tag;
React.render(<div>
<Tag>标签一</Tag>
<Tag closable>标签二</Tag>
<Tag>标签三</Tag>
</div>, document.getElementById('components-tag-demo-basic'));
````
import React from 'react';
const prefixCls = 'ant-tag';
class AntTag extends React.Component {
destroy() {
let node = React.findDOMNode(this);
React.unmountComponentAtNode(node);
node.parentNode.removeChild(node);
this.props.onClose.call(this);
}
render() {
var close = this.props.closable ?
<i className="anticon anticon-cross" onClick={this.destroy.bind(this)}></i> : '';
return <div className={this.props.prefixCls}>
<span className={this.props.prefixCls + '-text'}>
{this.props.children}
</span>
{close}
</div>;
}
}
AntTag.defaultProps = {
prefixCls: prefixCls,
closable: false,
onClose: function() {}
};
export default AntTag;
......@@ -19,6 +19,7 @@ var antd = {
Switch: require('./components/switch'),
Checkbox: require('./components/checkbox'),
Table: require('./components/table'),
Tag: require('./components/tag'),
Collapse: require('./components/collapse'),
message: require('./components/message'),
Slider: require('./components/slider'),
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册