Icon Button in a blade with size="xl" results in "lg" class applied

Title mostly explains it.

<x-filament::icon-button
    size="xl"
    icon="tabler-upload"
    color="success"
    tooltip="{{ trans('server/file.actions.upload.title') }}"
    @click="triggerBrowse">
</x-filament::icon-button>

<x-filament::icon-button
    size="xl"
    icon="tabler-upload"
    color="success"
    tooltip="{{ trans('server/file.actions.upload.title') }}"
    @click="triggerBrowse">
</x-filament::icon-button>

Results in class fi-size-lg being applied but extra large is a valid size according to IconSize Enum and the docs ? Unless I'm misunderstanding something... If i make a Action in the panel and give it

Action::make('uploadURL')
    ...
    ->hiddenLabel()->icon('tabler-download')->iconButton()->iconSize(IconSize::ExtraLarge)
    ...

Action::make('uploadURL')
    ...
    ->hiddenLabel()->icon('tabler-download')->iconButton()->iconSize(IconSize::ExtraLarge)
    ...

I see the class of fi-size-xl is applied?? Is this due to https://github.com/filamentphp/filament/blob/a05136e4e1ad75e4fad4186aff852a61ef26573f/packages/support/resources/views/components/icon-button.blade.php#L45-L49?

Icon button Blade component - Components - Filament

3 Replies

AreYouScaredOP•2w ago

If i edit the html in the browser and give it xl instead of lg it appears mostly correctly other than some padding issues, which might be from me.

AreYouScaredOP•2w ago

Fun fact... you need to change iconSize not size I submitted a pr to update the docs

Gaming

Programming

Icon Button in a blade with size="xl" results in "lg" class applied

Did you find this page helpful?