How Can I Use "wire:click" with @svg Syntax?

[reasecret]

How Can I Use "wire:click" with @svg Syntax?

[myregistration]

I think you could use wire-click on an element like div or span that contains the @svg

<div wire:click="">@svg('gmdi-check-circle-o', 'w-5 h-5')</div>

or try using the other alternative with with x-icon before the name of the icon, like this for camera icon

<x-icon-camera class="w-5 h-5" wire:click="" />

[reasecret]

I think you could use wire-click on an element like div or span that contains the @svg

<div wire:click="">@svg('gmdi-check-circle-o', 'w-5 h-5')</div>

or try using the other alternative with with x-icon before the name of the icon, like this for camera icon

<x-icon-camera class="w-5 h-5" wire:click="" />

Yes we can use wire:click with container element. I just wondered usage with @svg for writing less code. Looks like we should use like laravel components.

[driesvints]

Like @myregistration suggest, the correct way is to use the wire click on a container element. I don't recommend setting it on the icon directly.