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 {...

Jump to solution

5 Replies

awcodes•4mo ago

Possibly a combination of ->badge()->size() not sure if that would work though.

MatthewOP•4mo ago

Did try that one already, and a few others...

daisy21•3w ago

do you find solution? i really not to customize the size but using badge is preventing it

Solution

Matthew•3w ago

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;
    }
}

.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.

daisy21•3w ago

nice got it to work thank you so much for this.

Gaming

Programming

Badge size chainable infolist