Light Bootstrap Dashboard PRO React
Icon html
Icon sass
Icon sketch
Icon bootstrap
Icon react

Finish work early and go have a drink with your loved ones! ❤️ 30% discount for all our premium products!

Light Bootstrap Dashboard PRO React

Premium Bootstrap React Admin Template
· 4.90/5 (14 Reviews)

License

302 Downloads
22 Comments
Premium Support
Lifetime Updates
Release: 3 months ago
Update: 3 months ago
Icon html
Icon sass
Icon sketch
Icon bootstrap
Icon react

60 Handcrafted Components

13 Customized Plugins

24 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Light Bootstrap Dashboard PRO React in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Components · 30
  • Plugins · 3
  • Examples Pages · 7
  • -
  • -
  • -
What is in PRO Version?
  • Components · 60
  • Plugins · 13
  • Example Pages · 24
  • + Documentation
  • + SASS Files
  • + Sketch Files
Get Free Demo
Opt lbdr thumbnail

We are here to help you!

22 Web Developers commented on this product

Report issue

014014169 2 months ago

like

ruetheday6969
  • downloaded
2 months ago

I am working with your React Pro Dashboard and I am curious, do you have documentation on how to wire up the event ids that are listed in your example HeaderLinks.jsx file around the menu items? If this is not the place to ask the question, can you point me to documentation or support for wiring up the dashboard?

einazare
  • owner

Hello again @ruetheday6969 . You can read about eventKeys here: https://react-bootstrap.github.io/components.html#menu-items . There is a function that you have to attach to the menu items so you can get the eventKey prop (the function is named onSelect - you will find out about it in the above official documentation). I hope this is what you are looking for, and if you have any other questions, please let us know how we can help you. Best, Manu.
2 months ago

mohammad.aljobairi
  • downloaded
2 months ago

Hello, In last month, someone asked you about RTL supports, Have you added this features or not?! Thanks :)

einazare
  • owner

Hello @mohammad.aljobairi . As of yet, we do not have support for RTL. We've started to work on this matter but it will take some time, because of the multiple components that have to be restyled. All the best, Manu!
2 months ago

einazare
  • owner

Hello again @mohammad.aljobairi . As of yet we have not updated our product, but we have added RTL support. To activate RTL, please follow the steps here: https://github.com/creativetimofficial/lbd-pro-react/issues/5 . In our next update, we are going to add everything in our product, but for now, if you want to activate RTL follow the steps shown in that link. All the best, Manu.
1 month ago

tony.montanajan
  • downloaded
2 months ago

Odd question, but which of your templates is the most SEO friendly?

einazare
  • owner

Hello @tony.montanajan . All our products use in the right way the h1, h2, div, p etc. tags for SEO, so you can use any of our products. You should know that this is just a small part of what a site should do for SEO, you would also need http://schema.org/docs/schemas.html and sitemap (https://en.wikipedia.org/wiki/Site_map) . These two aren't in the design of a site (which we provide). I hope this is the answer you were looking for, and if you have any other questions, please let us know how can we help you. Best, Manu!
2 months ago

hubert.kozlowski 2 months ago

.,knkh lkhlkjh lkjh lkjh lkjhlkjhlkjh lkjh lkj h

light.reza
  • downloaded
1 month ago

Hi When RTL mode will be supported?

einazare
  • owner

Hello Anonymous Tim . We've started to work on RTL and it's almost done. On the next update we are going to include this feature. All the best, Manu.
1 month ago

light.reza
  • downloaded
1 month ago

Thanks @einazare, I look forward.

einazare
  • owner

Hello @light.reza . We've added an issue on github with the steps you need to follow in order to add RTL to this product. Here you have the link https://github.com/creativetimofficial/lbd-pro-react/issues/5 . Follow the steps there for the moment to activate RTL, and in the next update we are going to include everything in our product. All the best, Manu.
1 month ago

ruetheday6969
  • downloaded
1 month ago

Hi, can you point me to the documentation for using the template to control a user experience? In other words, I would like to pop the dashboard up, provide a login page if the user has not logged in and once logged in load the rest of the dashboard. While you provide the pages for the dashboard etc., I am unclear of how I would bring up the login page as the default page. Any guidance would be greatly appreciated and until then I will continue to look at some of the routes to see if that is where I can control the login.

einazare
  • owner

Hello @ruetheday6969 . If you take a look inside "/src/routes/app.jsx" you will see that at line 8 we set the default route (meaning "/") to go on the "Dash" container ("/src/containers/Dash/Dash.jsx") and then, here it is set to redirect the "/" route to "/dashboard" (see "/src/routes/dash.jsx" line 59). For you to put the login page as the default page you would have to change the this line (line 59 in dash.jsx) to redirect to the login page ( you have to change line 59 from << { redirect: true, path: "/", pathTo: "/dashboard", name: "Dashboard" } >> to << { redirect: true, path: "/", pathTo: "/pages/login-page", name: "Login Page" } >> . Hope this information helps you. Please let us know if we can help you with anything else. All the best, Manu.
29 days ago

ruetheday6969
  • downloaded
27 days ago

Ok, that part I followed, what about tracking login state, how is the best way to do that..for example...user has logged in and is authenticated..so I can control what is shown on the other pages. Is there a separate forum I can post these questions to for support?

einazare
  • owner

@ruetheday6969 , you can open an issue on github here: https://github.com/creativetimofficial/lbd-pro-react/issues . As for the other question, you could keep a variable (a state variable i would suggest) in your most outer class (in our demo you could do that in App.jsx (src/containers/App/App.jsx) and then send this variable to it's children or something like that (i'm sorry for this, i don't really know how you would use it, it's just a suggestion). What i would suggest is that you should keep it hash-ed if you want to keep sensitive data (i would try to use this: https://github.com/emn178/js-sha256 or something similar). Best, Manu.
27 days ago

timmbx 24 days ago

Your product looks awesome, but before I take the plunge I'd like to check out the documentation to see how easy it would be for me to use. Could you provide a link please (or if I missed it, point me in the right direction)? I'm particularly interested to understand more about the React libraries that you provide (what's provided, how to use them, etc.). Thanks!

timmbx

Thanks!
24 days ago

einazare
  • owner

Hello @timmbx , and thank you for your interest in our product. The documentation link is this one: http://lbd-pro-react.creative-tim.com/?_ga=2.6397937.2133545957.1516861172-1199356236.1513146423#/documentation/tutorial . Here you have everything about our product. If there is something else we can help you or if there is something that you do not understand in our documentation, feel free to ask. Best, Manu.
24 days ago

timmbx

Hi again @einazare. I see that you have a Vue version of this dashboard available. I'm trying to choose between Vue and React for our app (currently I don't know either). For someone who is new to both Vue and React, do you have any suggestions about which way to go? If we used your dashboard, is one version easier to use than the other? I see that react-bootstrap doesn't support Bootstrap 4 yet, which is presumably why your React dashboard doesn't. However, I see that your Vue dashboard does. So, is Vue a better way to go? Thanks!
23 days ago

einazare
  • owner

@timmbx , i can not really tell you what would be easier. I can tell you that i haven't work with Vue, so i'm not sure what to tell, but i can tell you that i've learned React while creating the Light Bootstrap Dashboard React Free (https://www.creative-tim.com/product/light-bootstrap-dashboard-react) . The best advice i can give you, is that you could take both free versions of this product on both of these frameworks (React: https://www.creative-tim.com/product/light-bootstrap-dashboard-react --- and Vue: https://www.creative-tim.com/product/vue-light-bootstrap-dashboard) and see which one you understand better. If you want bootstrap 4, then the choice is easy, you should go with Vue. Best, Manu.
23 days ago

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Customizability

It was nice to see the best template in the world. but the problem is there are no supports for Arabic and RLT supports. But it nice to see these kind of products.

Design Quality

Brilliant theme, great design, awesome support! Couldn't ask for any more!

Design Quality