Experimental #
Our styling/component documentations are experimental and under development. These could change any time without even notice. So, please be careful before you using it.
In Lara Dashboard, we use Tailwind CSS v.4.x to do our stylings. We made some utility classes to make the development life cycle easier. Its not a lot, its just a few, so that module development becomes much easier with just using those classes.
Buttons #
Primary Button:
Class name: btn-primary
Example:
<button class="btn-primary">Save</button>Demo:
All Buttons
Example:
<button class="btn-default">btn-default</button>
<button class="btn-primary">btn-primary</button>
<button class="btn-success">btn-success</button>
<button class="btn-warning">btn-warning</button>
<button class="btn-danger">btn-danger</button>
<button class="btn-info">btn-info</button>Demos:
Inputs #
Normal input – form-control
Example:
<input class="form-control" placeholder="Enter your name" />Demos:
Complete app.css #
Note this file might not be updated, it could be just an older version. Latest version of our core app.css file is here at Github.
