Livewire Form Component

Build Livewire Form components for creating and editing records. Displays structured input fields, handles user input and submission. Activates when creating data entry forms, edit interfaces, or input screens.

naykel76 ff856aa 1.4 KB Updated

File contents

When to use me

  • Creating form interfaces for user interaction
  • Building create/edit/profile forms
  • Any component that renders a form

Related skills

  • livewire-resource-config

Implementation

Base structure

<?php

use Naykel\Gotime\BaseForm;
use App\Livewire\Forms\ModelFormObject;
use App\Models\Model;

new class extends BaseForm
{
    public ModelFormObject $form;
    protected string $modelClass = Model::class;

    protected function configKey(): string
    {
        return 'resource';
    }
};

Modal

  • Can only have single modal when using showModal property. If you need multiple modals, you'll need to use selectedId.
<x-gt-modal wire:model="showModal">
    <form wire:submit="save">
        <x-gt-input wire:model="form.title" label="title" />
        <div class="tar">
            <x-gt-button wire:click="cancel" class="btn sm" text="CANCEL" />
            <x-gt-button wire:click="save" class="btn primary sm" text="SAVE" />
        </div>
    </form>
</x-gt-modal>

naykel76/gotime_site/tree/main/.ai/skills/livewire-form-component commit ff856aa4c1

Frequently asked questions

npx skillmds@latest add naykel76/livewire-form-component