Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // src/App.js
- import React, { Component } from 'react';
- import ReactDOM from 'react-dom';
- import './App.css';
- import { Layout, Menu, Breadcrumb } from 'antd';
- const { Header, Content, Footer } = Layout;
- class App extends Component {
- ReactDOM.render(
- <Layout className="layout">
- <Header>
- <div className="logo" />
- <Menu
- theme="dark"
- mode="horizontal"
- defaultSelectedKeys={['2']}
- style={{ lineHeight: '64px' }}
- >
- <Menu.Item key="1">nav 1</Menu.Item>
- <Menu.Item key="2">nav 2</Menu.Item>
- <Menu.Item key="3">nav 3</Menu.Item>
- </Menu>
- </Header>
- <Content style={{ padding: '0 50px' }}>
- <Breadcrumb style={{ margin: '16px 0' }}>
- <Breadcrumb.Item>Home</Breadcrumb.Item>
- <Breadcrumb.Item>List</Breadcrumb.Item>
- <Breadcrumb.Item>App</Breadcrumb.Item>
- </Breadcrumb>
- <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>Content</div>
- </Content>
- <Footer style={{ textAlign: 'center' }}>
- Ant Design ©2018 Created by Ant UED
- </Footer>
- </Layout>,
- document.getElementById('container')
- );
- }
- export default App;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement