Текстовая область и список в Livewire

Текст поста редко умещается в одну строку, а категорию удобнее выбрать из готовых пунктов, чем набирать каждый раз заново. На странице для этого есть многострочное поле и выпадающий список.

Для textarea и select работает тот же wire:model, что и для обычного input: значение попадёт в свойство после запроса к компоненту. Отдельные правила для этих типов полей здесь не нужны.

Давайте заведём в PostForm свойства текста и категории:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class PostForm extends Component
	{
		public $body = '';
		public $category = '';
		
		public function apply()
		{
		}
		
		public function render()
		{
			return view('livewire.post-form');
		}
	}
?>

Давайте добавим в шаблон текстовую область и список с двумя вариантами категории. Под полями покажем значения свойств и кнопку Apply:

<div>
	<textarea wire:model="body"></textarea>
	<select wire:model="category">
		<option value="news">news</option>
		<option value="photo">photo</option>
	</select>
	<button type="button" wire:click="apply">
		Apply
	</button>
	<div>{{ $body }}</div>
	<div>{{ $category }}</div>
</div>

Добавьте работнику многострочную биографию и выбор отдела из списка.