How to use

Header

function

in

antd

 <Layout.Header style={{ padding: '0 32px' }}>
  <div style={{ float: 'left' }}>
   <img
   </div>
  )}
 </Layout.Header>
);

connect(function Footer({ store }) {
 return (
  <Layout.Header className="layout-header">
   <img src={logo} alt="TechnicalManagementSlbu-Logo" className="layout-header__logo" />
   <span>
    <Icon type="user" theme="outlined" style={{ fontSize: "18px" }} />
    &nbsp; &nbsp; {store.user.name}
   </span>
  </Layout.Header>
 );
})

render() {
    return (
      <Layout.Header className="header">
        { this.props.isMobile &&
          <div className="header_burger">
            <button    className="burgerBtn" onClick={this.onBurgerClicked}/>
          </div>
        }
      </Layout.Header>
    );
  }

render(){
    return (
      <Layout.Header id="header">
        <Row>    
          <Col id="headerRow" className="mainWrap">
        </Row>
        </Row>
      </Layout.Header>

const AppLayout = ({ children }) => (
 <Layout>
  <Layout.Header>
   <div
    style={{
     float: "left"
    }}
   >
    <h2
     style={{
      color: "#fff",
      margin: 0,
      marginRight: "1em"
     }}
    >
     Main Dashboard
    </h2>
   </div>
  </Layout.Header>
  <Layout.Content
   style={{
    padding: "0 25px 25px 25px",
    margin: "25px"
   }}
  >
   {children}
  </Layout.Content>
 </Layout>
)

<Layout.Header
 style={{ padding: 0, position: 'fixed', zIndex: 1, width: '100%' }}
  </Col>
 </Row>
</Layout.Header>

const LayoutHeader = () => (
 <Affix>
  <Layout.Header>
   <Row style={{ maxWidth: 1140, margin: 'auto' }}>
    <Col span={6}>
    </Col>
   </Row>
  </Layout.Header>
 </Affix>

<Layout.Header className="header">
 <Icon onClick={onIconMenuClick} className="menu-icon" type="bars" />
 <Row>
  </Col>
 </Row>
</Layout.Header>