Using
- Splade
- Daisy UI Components
- Icon Heroicons from Blade UI kit - Icon
- DiceBear Profile image
- create more components for the template
- documentation for template components and splade components
- Dark Mode Component
- Dark Mode Login Page (On progress)
- Login Page
- Light Mode
- Dark Mode
- Profile Page
- Helper & Component doucmentation page
Icons can be used as self-closing Blade components which will be compiled to SVG icons:
<x-heroicon-o-arrow-left/>
You can also pass classes to your icon components:
<x-heroicon-o-arrow-left class="w-6 h-6 text-gray-500"/>
And even use inline styles:
<x-heroicon-o-arrow-left style="color: #555"/>
Or use the @svg
in directive:
@svg('heroicon-o-arrow-left', 'w-6 h-6', ['style' => 'color: #555'])
The solid icons can be referenced like this:
<x-heroicon-s-arrow-left/>
The mini icons can be referenced like this:
<x-heroicon-m-arrow-left/>