A set of Blade components to rapidly build forms with Tailwind CSS (v1.0 and v2.0) and Bootstrap 4/5. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!
use Livewire\Component;
use App\Models\Contact;
class ContactForm extends Component
{
public $contact;
public function mount(Contact $contact)
{
$this->contact = $contact;
$this->contact->name = 'Simple name';
}
public function submit()
{
$this->validate();
$this->contact->save();
}
public function rules()
{
return [
'contact.name' => 'required|min:6',
'contact.email' => 'required|email',
];
}
public function render()
{
return view('livewire.contact-form');
}
}
view:
After rendering, the "name" input remains empty
expectation: the "name" input = ''Simple name' and binding wire:model="contact.name"