© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Search
Star
Feedback
Setup for Free
How do you style page components? - Filament
F
Filament
•
2y ago
•
3 replies
bflip
How do you style page components?
I have a simple page component
. Say it
's a white box
:
<div class="bg-white"></div>
<div class="bg-white"></div>
I have this component on a filamentPage
.
How do I compile the tailwind classes just for that component
?
If I add
@vite(['resources/sass/app.scss'])
@vite(['resources/sass/app.scss'])
, it brings in bg
-white
, but the default theme breaks as that class exists for some reason in the sidebar
.
I would have imagined the default theme to not have classes sitting there that can be overridden so easy
? What am I missing
?
Filament
Join
A powerful open-source UI framework for Laravel • Build and ship apps & admin panels fast with Livewire
20,181
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Similar Threads
Was this page helpful?
Yes
No
Recent Announcements
Similar Threads
Customize the style existing components!
F
Filament / ❓┊help
8mo ago
multiple fileupload components on page
F
Filament / ❓┊help
3y ago
Custom Page Components Not Found
F
Filament / ❓┊help
3y ago
Filament 4 Style Issues on Livewire Components
F
Filament / ❓┊help
7mo ago