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
awcodes5mo ago
Possibly a combination of ->badge()->size() not sure if that would work though.
Matthew
MatthewOP5mo ago
Did try that one already, and a few others...
daisy21
daisy212mo ago
do you find solution? i really not to customize the size but using badge is preventing it
Solution
Matthew
Matthew2mo 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
daisy212mo ago
nice got it to work thank you so much for this.

Did you find this page helpful?