// DOKUMENTATION ICON PICKER 4.x

Dropdown and inline

By default the icon picker opens a dropdown where you search and select the icon, very similar to a regular Select field in filament.

Rendering the picker inline

If you prefer, you can disable the dropdown. The search field and the results are then rendered directly beneath the field:

IconPicker::make('icon')
    ->dropdown(false);

This works well on a dedicated settings page where the picker is the main thing on screen. In a modal or a dense form the dropdown is usually the better choice.

NOTEThe inline layout loads its icons as soon as the form is rendered, instead of when the dropdown is opened. If you offer many sets, this is the layout where you are most likely to hit the livewire payload limit mentioned on the installation page.

Closing the dropdown on select

By default the dropdown stays open after picking an icon, so your users can try a few in a row and see the result in the field.

If you would rather close it right after the selection:

IconPicker::make('icon')
    ->closeOnSelect();

This option does nothing when you render the picker inline, since there is no dropdown to close.

guava/filament-icon-picker 709K Installationen · 163 Sterne
// COOKIES

Ein paar Cookies halten die Seite am Laufen; andere merken sich Einstellungen oder zählen Besuche. Sie entscheiden.

Cookie-Richtlinie