---
title: 标签预定义模板
order: 1
---

预设五种状态颜色，可以通过设置 color 为 success、 processing、error、default、warning 来代表不同的状态。

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { YwTag,YwTitle } from '@ywfe/yw-design';
class App extends Component {
  render() {
    return (
      <div>
        <YwTitle size='m' text='通用标签'/>
        <YwTag styleType='hollow' color = 'processing' text='正价品'/>
        <YwTag styleType='hollow' color = 'processing' text='快手CPS'/>
      </div>
    );
  }
}

ReactDOM.render(<App />, mountNode);
```