/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 vote351 views1 answer
React native uid
Javascript React
-2 votes283 views3 answers
React and express
Javascript React
1 vote369 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote318 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
1 vote353 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
1 vote337 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote296 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
1 vote313 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
1 vote333 views1 answer
How to setup React Context, useContext Hook
Javascript React
-1 vote289 views6 answers
Set image as background react
Javascript React