ant-design/components/space/demo/debug.md

---
order: 99
title:
  zh-CN: 多样的 Child
  en-US: Diverse Child
debug: true
---

## zh-CN

Debug usage

## en-US

Debug usage

```tsx
import { Button, Popconfirm, Space } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <Space>
    <>
      Button
      <Button>Button</Button>
    </>
    Button
    <Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
      <Button>Delete</Button>
    </Popconfirm>
    <Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
      <Button disabled>Delete</Button>
    </Popconfirm>
    {null}
    {false}
    {1}
    Button
    {null}
    {undefined}
  </Space>
);

export default App;
```