Input Blade Component Suffix Action

How do i add a suffix action to my input blade component?

<x-filament-forms::field-wrapper>
    <x-filament-forms::field-wrapper.label>
        Redirect Link
    </x-filament-forms::field-wrapper.label>
    <x-filament::input.wrapper>
        <x-filament::input type="text" wire:model="redirect_link" />
    </x-filament::input.wrapper>
</x-filament-forms::field-wrapper>

<x-filament-forms::field-wrapper>
    <x-filament-forms::field-wrapper.label>
        Redirect Link
    </x-filament-forms::field-wrapper.label>
    <x-filament::input.wrapper>
        <x-filament::input type="text" wire:model="redirect_link" />
    </x-filament::input.wrapper>
</x-filament-forms::field-wrapper>

My goal is to have a suffix action that copies whatever text is in the input field.

Solution:

yeah, apparently i could do it like this:

@livewire('email-modal')

@livewire('email-modal')

i don't know why i made my life so difficulat. anyway, just have to include the implements and use ```...

Adding a form to a Livewire component - Form Builder - Filament

Jump to solution

9 Replies

Matthew•4w ago

https://filamentphp.com/docs/3.x/support/blade-components/input-wrapper

Input wrapper Blade component - Core Concepts - Filament

GohanOP•4w ago

i actually already saw the documentation but now that you pointed me to it again. is it actually the combination of a suffix icon and an icon button blade component from https://filamentphp.com/docs/3.x/support/blade-components/icon-button?

Icon button Blade component - Core Concepts - Filament

GohanOP•4w ago

i was looking for a specific suffix action kind of wrapper but i'll try combining a suffix icon and icon button

Matthew•4w ago

I imagine there is a reason beyond my understanding...but wouldn't it be easier just to add a form into the livewire component, and then you can use all the regular field methods?

GohanOP•4w ago

i'm actually not sure if i could just do that but what i'm doing is i have a ViewField::make() that displays sort of an action banner. in that action banner, there's a button that's supposed to bring up a modal. I couldn't find any way to use filament components the usual way so i'm doing this right now. if i may ask, is there actually a way to use filament components the "usual way"?

Matthew•4w ago

ummm....I'm not an expert on views, blades and livewire...but, you are using a form, with a ViewField, then within the view that is pointed at, presumably you could have a livewire component, and within that you could have a separate form.... But, whether it would require all sorts of configuration because of multiple submits etc...not sure.

GohanOP•4w ago

i'm looking into it right now. do i just call livewire like this?

@livewire()

@livewire()

Solution

Gohan•4w ago

yeah, apparently i could do it like this:

@livewire('email-modal')

@livewire('email-modal')

i don't know why i made my life so difficulat. anyway, just have to include the implements and use

class EmailModal extends Component implements HasForms, HasActions
{
    use InteractsWithForms, InteractsWithActions;

class EmailModal extends Component implements HasForms, HasActions
{
    use InteractsWithForms, InteractsWithActions;

edit: i have a viewfield and in that viewfield, i'm displaying another livewire component with more filament forms calling the method form(). trying to display the livewire component as is will wreck your app. you have to define a form with a different name and give it a different state path like in here: https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component

Adding a form to a Livewire component - Form Builder - Filament

GohanOP•4w ago

it does break the sidepanel but i think that's for another thread

Gaming

Programming

Input Blade Component Suffix Action

Did you find this page helpful?