FilamentF
Filament16mo ago
Matthew

Badge size chainable infolist

Is there a chainable method to increase the badge size derived from the infolist TexEntry ?
Solution
Had to go back and check, but yes, although you need a custom theme:

Add a class to your css, something like:

.f-large-badge {
    .fi-badge {
        @apply text-xl;
    }
    .fi-badge-icon {
        @apply h-6 w-6;
    }
}


then add ->extraAttributes(['class' => 'f-large-badge']) method to your element.

My naming conventions may be confusing. 'fi-' are the filament native classes you can hook into. 'f-' is just our way of determining custom classes designated for fi components. You can call that bit whatever you want.
Was this page helpful?