Section Heading-Background-Color

Hi - Is it possible to change the background-color of a section-heading? I already tried the

extraAttributes

extraAttributes

-way to add the section-danger-class (like it was in V2), but to no avail.
Thanks

Solution

yeah custom theme

Forms\Components\Section::make('Section')
  ->extraAttributes(['class' => 'nice'])

Forms\Components\Section::make('Section')
  ->extraAttributes(['class' => 'nice'])

.nice { @apply bg-blue-500 }
.nice .fi-section-header { @apply bg-red-500 rounded-t-lg }
.nice .fi-section-header .fi-section-header-heading { @apply text-white }

.nice { @apply bg-blue-500 }
.nice .fi-section-header { @apply bg-red-500 rounded-t-lg }
.nice .fi-section-header .fi-section-header-heading { @apply text-white }

Jump to solution

Filament•2y ago•

10 replies

Husky110

Section Heading-Background-Color

Hi - Is it possible to change the background-color of a section-heading? I already tried the

extraAttributes

extraAttributes

-way to add the section-danger-class (like it was in V2), but to no avail.
Thanks

Solution

yeah custom theme

Forms\Components\Section::make('Section')
  ->extraAttributes(['class' => 'nice'])

Forms\Components\Section::make('Section')
  ->extraAttributes(['class' => 'nice'])

.nice { @apply bg-blue-500 }
.nice .fi-section-header { @apply bg-red-500 rounded-t-lg }
.nice .fi-section-header .fi-section-header-heading { @apply text-white }

.nice { @apply bg-blue-500 }
.nice .fi-section-header { @apply bg-red-500 rounded-t-lg }
.nice .fi-section-header .fi-section-header-heading { @apply text-white }

Jump to solution

Section Heading-Background-Color

Similar Threads

Section Heading-Background-Color

Similar Threads

Similar Threads

Similar Threads