Comments (3)
This module can get installed from npm via npm install --save react-blur-admin
. You can then import the individual components and default styles into your existing React application.
There is a bug report that this doesn't work with React v16 so I will need to look into that and see if there is a quick fix for it.
You can see how it works by following the directions in the readme for the React Webpack Skeleton. I just tested it again and it still works with Node v9.3.0 and NPM v5.5.1 (but it supports older versions of Node and NPM as well)
History of the commands ran from a Bash Shell
When Running make client
You Should See This
App Should Be Available On Port 8011 If It's Running Correctly
Installing It In Your Project
-
In your entry file add the following to import styles:
import 'react-blur-admin/dist/assets/styles/react-blur-admin.min.css';
-
Sample About page after including the styles from the entry file:
import React from 'react';
import { Page, Panel, Breadcrumbs } from 'react-blur-admin';
import { Link } from 'react-router';
export class About extends React.Component {
renderBreadcrumbs() {
return (
<Breadcrumbs>
<Link to='/'>
Home
</Link>
About
</Breadcrumbs>
);
}
render() {
return (
<Page actionBar={this.renderBreadcrumbs()} title='About'>
<Panel title='The Team'>
Lorem Ipsum
</Panel>
</Page>
);
}
}
Hope this helps :)
from react-blur-admin.
What did you find regarding the React v16 issue? Is this still usable? Seems OK to me so far.
from react-blur-admin.
to fix it in latest react:
go to : node_modules -> react-blur-admin, and run yarn add prop-types or npm install prop-types
from react-blur-admin.
Related Issues (20)
- Bug: Alert className doesn't work
- Testing for EditableText Component
- Create Tab Tests
- Add OneofType String, Number to Editable Select Value
- EditableSelect / Select - Pass In MaxHeight Prop
- Sidebar Not responsive (Media Queries not working)
- Pagination component value type is inconsistent
- Theme supports for blur admin HOT 1
- Please provide steps to run the application in my machine HOT 3
- Sidebar isn't closed when opening on smartphone screen HOT 1
- How do I run
- Problem with React v. ^16.1.1 HOT 1
- Problem with React ^16.1.1 HOT 1
- Calendar - Supported? HOT 1
- Updates? HOT 2
- Charts?
- How do i run the application HOT 6
- Isn't is bad that this project doesn't have start script configured? HOT 1
- guidelines plz how to run this template
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-blur-admin.