Icons in forms

Hi, is it possible to put a icon from hero icons in a selection so i can display it on my page?

Solution:

I am just reading the docs, but u can define which BladeIconSets you wanna use: ```php IconPicker::make('icon') ->sets(['heroicons', 'fontawesome-solid']);...

Jump to solution

19 Replies

𝓢𝓱𝓪𝔀𝓷•5mo ago

please help!

LeandroFerreira•5mo ago

where?

𝓢𝓱𝓪𝔀𝓷•5mo ago

in my backend .. I have form -> selection where I want the person to let him choose between 3 icons These need to be saved so I can display the icons on my homepage

Patrick1989•5mo ago

you could just use the SVG's from the hero icons themselves and a custom view right

Patrick1989•5mo ago

https://heroicons.com/ paste them from here into a blade view and do with it whatever you want

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

LeandroFerreira•5mo ago

I have form -> selection.. What does it mean? if you are using a custom view, you can do this

@svg('heroicon-s-user', ['class' => 'w-5 h-5'])

@svg('heroicon-s-user', ['class' => 'w-5 h-5'])

𝓢𝓱𝓪𝔀𝓷•5mo ago

i use a selection ( dropdown menu ) from the documentation In my form

LeandroFerreira•5mo ago

what is the link?

bernhard•5mo ago

Do you mean an icon select like this: https://filamentphp.com/plugins/guava-icon-picker

Filament

Icon Picker by Guava - Filament

Adds an icon picker field and column for your filament panel and form builder.

𝓢𝓱𝓪𝔀𝓷•5mo ago

https://filamentphp.com/docs/3.x/forms/fields/select

Select - Form Builder - Filament

𝓢𝓱𝓪𝔀𝓷•5mo ago

in this.. i want a person to choose his icon

bernhard•5mo ago

Thats exactly what the plugin above does

𝓢𝓱𝓪𝔀𝓷•5mo ago

@bernhard when i want to use it.. it says "Svg by name "bag" from set "default" not found." .. you know why?

bernhard•5mo ago

i don't use this plugin atm, but this sounds like your bag is not in the set i think the default set is heroicons and there is no "bag" in the heroicon set Can U share your code? btw, are you editing an existing record? This sounds for me like your record has an icon "bag" which is not existing in the set

Solution

bernhard•5mo ago

I am just reading the docs, but u can define which BladeIconSets you wanna use:

IconPicker::make('icon')
    ->sets(['heroicons', 'fontawesome-solid']);

IconPicker::make('icon')
    ->sets(['heroicons', 'fontawesome-solid']);

And it looks like the IconPicker is using full icon names:

IconPicker::make('icon')
    ->allowIcons(['heroicon-o-user', 'heroicon-o-users']);

IconPicker::make('icon')
    ->allowIcons(['heroicon-o-user', 'heroicon-o-users']);

So when u have a value bag in your existing entry in the column icon it will not work.

bernhard•5mo ago

Try to change the value in your DB (phpMyadmin for example) to heroicon-o-shopping-bag and check if its working Or use it with empty fields/values

Patrick1989•5mo ago

i had this error today 🙂 try it like this: 'heroicon-o-academic-cap' oh nvm bernhard said the same :d

𝓢𝓱𝓪𝔀𝓷•5mo ago

that worked thanks @bernhard and thanks @Patrick1989 :))

bernhard•5mo ago

Please mark as solved 😉

Gaming

Programming

Icons in forms