mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 23:00:20 +08:00
44 lines
847 B
TypeScript
44 lines
847 B
TypeScript
|
import React from 'react';
|
||
|
import { Layout } from 'antd';
|
||
|
|
||
|
const { Header, Footer, Sider, Content } = Layout;
|
||
|
|
||
|
const App: React.FC = () => (
|
||
|
<>
|
||
|
<Layout>
|
||
|
<Header>Header</Header>
|
||
|
<Content>Content</Content>
|
||
|
<Footer>Footer</Footer>
|
||
|
</Layout>
|
||
|
|
||
|
<Layout>
|
||
|
<Header>Header</Header>
|
||
|
<Layout>
|
||
|
<Sider>Sider</Sider>
|
||
|
<Content>Content</Content>
|
||
|
</Layout>
|
||
|
<Footer>Footer</Footer>
|
||
|
</Layout>
|
||
|
|
||
|
<Layout>
|
||
|
<Header>Header</Header>
|
||
|
<Layout>
|
||
|
<Content>Content</Content>
|
||
|
<Sider>Sider</Sider>
|
||
|
</Layout>
|
||
|
<Footer>Footer</Footer>
|
||
|
</Layout>
|
||
|
|
||
|
<Layout>
|
||
|
<Sider>Sider</Sider>
|
||
|
<Layout>
|
||
|
<Header>Header</Header>
|
||
|
<Content>Content</Content>
|
||
|
<Footer>Footer</Footer>
|
||
|
</Layout>
|
||
|
</Layout>
|
||
|
</>
|
||
|
);
|
||
|
|
||
|
export default App;
|