---
title: 空数据组件
order: 1
docGenIncludes:
  - src/components/YwEmpty/index.tsx
---



```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { YwEmpty, YwButton, AddIcon } from '@ywfe/yw-design';
class App extends Component {
  render() {
    return (
      <div>
        <YwEmpty description='自定义文案'>
            <YwButton type='primary' leftIcon={<AddIcon style={{marginRight: '6px'}}/>}>新建</YwButton>
        </YwEmpty>
      </div>
    );
  }
}

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