How to add header text for widget groups
I have a filament admin dashboard with some stats widgets:
stat 1 --- stat2 --- stat3 --- stat 4
stat 5 --- stat6 --- stat7 --- stat 8
i want to separate them somehow and add a header on top of them, something like:
general data:
stat 1 --- stat2 --- stat3 --- stat 4
storage data:
stat 5 --- stat6 --- stat7 --- stat 8
how would u do it? is possible with filament3?
so far i managed to create 2 different widgets. the first one is the general data one, and the other one is the storage data one. so yeah, they are separated, but i need to add a header for each.
15 Replies
bump
Maybe creating a custom widget as a group and rendering the widgets that you need
not the same result, but you could have tabs to separate them
Filament
Multi Widget by Kenepa - Filament
The Multi Widget allows you to combine multiple widgets into a single widget, that can be switched using tabs.
wdym as a group? tried to search "group" in the link u provided but cannot find the word
custom widget I mean
that command is actually the command i used to create the widgets, but how i add the heading?
im not getting u
You mentioned stats widgets, not custom widgets. In any case, if you’re using custom widgets, you’re free to customize them as needed
okay, u mean in the blade view, right?
i think yeah i can do it this way, not sure how to separate the widgets but yeah i think ill figure it out somehow. ill try it and come back with results
thanks leandro, btw if u want, u mind help me on this one :I ? https://discord.com/channels/883083792112300104/1304167720958562345 🙏
Grid Template Columns - Tailwind CSS
Utilities for specifying the columns in a grid layout.
yaeh but then how to add the headings?
tailwind as well
im lost
hmm
ahaa
<x-slot name="heading">
User details
</x-slot>
hmm i think i can go this way yeah
yep.. don't forget to create a custom theme if you are using tailwind classes that are not already used in Blade files
yeahh (: