Created with VueJS + Vite + Tailwind
Hi, this project is still in progress. I just begin my journey with Tailwind CSS, so I want to make something beautiful and useful. Let's learn together!
- Clone or download this repository
- Enter to
admin-panel
directory (with Terminal/CMD) - Run:
npm install
- Run:
npm run dev
for development, then open your favorite browser and go to addresslocalhost:3000
- Run:
npm run build
for production - Make your own changes and happy coding!
For the icons, I use Heroicons as mentioned on Tailwind CSS - Resources. And for simplicity used, I combining with vite-plugin-components to make it imported on-demand.
This configuration also supported both for outline icon
and solid icon
.
Patterns:
{name}-icon-o
for outline icon{name}-icon-s
for solid icon
Examples:
<home-icon-o class="w-6 h-6 text-gray-500" />
<external-link-icon-s class="w-6 h-6 text-gray-500" />
Note for menu-item
component, you just need to use the prop to define the icon. For example:
<menu-item icon="cube-icon-o" text="Components" :route="{name: 'components'}">
Here is some screenshots. And please note, because this project is still in progress, you can found the latest update on demo page.
Hope you love it!
Powered by ngekoding.github.io