F
Filamentβ€’6mo ago
Skrypt

Blade Component - Button Group

Hi, anyone has any idea why the exact same code for rendering a button group looks different on my frontend than it looks in the admin panel? What am I supposed to import/include in the frontend for it to work properly? This is the code:
<x-filament::button.group class="w-max">
<x-filament::button grouped>
Test
</x-filament::button>
<x-filament::button grouped>
Test 2
</x-filament::button>
</x-filament::button.group>
<x-filament::button.group class="w-max">
<x-filament::button grouped>
Test
</x-filament::button>
<x-filament::button grouped>
Test 2
</x-filament::button>
</x-filament::button.group>
11 Replies
Skrypt
SkryptOPβ€’6mo ago
In the admin panel it renders correctly:
No description
Skrypt
SkryptOPβ€’6mo ago
and in the frontend it does this:
No description
LeandroFerreira
LeandroFerreiraβ€’6mo ago
are you using a simple page in the frontend?
Skrypt
SkryptOPβ€’6mo ago
No it's a plain Livewire component
LeandroFerreira
LeandroFerreiraβ€’6mo ago
weird.. I have a form builder standalone project and your code works
No description
LeandroFerreira
LeandroFerreiraβ€’6mo ago
v3.2.93
Skrypt
SkryptOPβ€’6mo ago
This is weird. Apart from including @filamentStyles after @livewireStyles in the head and @filamentScripts after @livewireScripts in the body and using the filament preset in my tailwind config, there's nothing else I should do right? I created a completely barebones layout and a simple route that just renders an empty page with that button group and it still doesn't work correctly.
LeandroFerreira
LeandroFerreiraβ€’6mo ago
maybe you could create a fresh install and try it again
Skrypt
SkryptOPβ€’6mo ago
omg, I had this in my app.css πŸ€¦β€β™‚οΈπŸ€¦β€β™‚οΈ Sorry for the false alarm and thanks a lot for the help
No description
Skrypt
SkryptOPβ€’6mo ago
I need some sleep hah πŸ˜„
Want results from more Discord servers?
Add your server