component

Field

A label and control wrapper for form rows.

Your name

Hello, friend!

Page code

// Page
<ui.Field label="Your name">
	<input class="slot-input" value={ model.SlotText } oninput={ SlotTextChanged{Text: event.target.value} } />
</ui.Field>
<p class="server-count">Hello, { model.SlotText }!</p>

// Message and update
type SlotTextChanged struct{ Text string }

case SlotTextChanged:
	m.SlotText = msg.Text