/Javascript/React/How to use adminlte in reacts

How to use adminlte in reacts

import React, { Component } from 'react';
import AdminLTE, { Sidebar, Content, Row, Col, Box, Button } from 'adminlte-2-react';

const { Item } = Sidebar;

class HelloWorld extends Component {
  state = {}

  render() {
    return (<Content title="Hello World" subTitle="Getting started with adminlte-2-react" browserTitle="Hello World">
      <Row>
        <Col xs={6}>
          <Box title="My first box" type="primary" closable collapsable footer={<Button type="danger" text="Danger Button" />}>
            Hello World
          </Box>
        </Col>
        <Col xs={6}>
          <Box title="Another box">
            Content goes here
          </Box>
        </Col>
      </Row>
    </Content>);
  }
}

class App extends Component {

  sidebar = [
    <Item key="hello" text="Hello" to="/hello-world" />
  ]

  render() {
    return (
      <AdminLTE title={["Hello", "World"]} titleShort={["He", "we"]} theme="blue" sidebar={this.sidebar}>
        <HelloWorld path="/hello-world" />
      </AdminLTE>
    );
  }
}

export default App;

Source: npmjs.com

Similar codes

0 vote161 views1 answer
React native no android sdk found
Javascript React
32 votes168 views1 answer
How to use routes in react js
Javascript React
42 votes157 views3 answers
React onchange multiple functions
Javascript React
0 vote139 views2 answers
React write into json file
Javascript React
0 vote157 views1 answer
How to write sepearet styles in single line in react native
Javascript React
1 vote140 views5 answers
Push notification react native
Javascript React
0 vote151 views1 answer
React features
Javascript React
0 vote153 views1 answer
Stop from from refresching page react
Javascript React
0 vote156 views1 answer
Fcctest cdn reactjs setup
Javascript React
4 votes143 views2 answers
How to take 100% width in react native
Javascript React