Docs

Cinder UI

Forms.field_control

Server-rendered

Wraps the main interactive control inside a field.

field/1 already applies this wrapper around its inner block, so you generally do not need to call field_control/1 inside a normal field/1 example. Use it directly when composing a field manually or when you need to attach the invalid-state control styles outside field/1.

Field control wrapper

  <.field_control>
  <.input id="workspace_slug" value="cinder-ui" />
</.field_control>

Field control with helper text

Invoices and payment reminders go here.

  <.field>
  <:label><.label for="billing_email">Billing email</.label></:label>
  <.input id="billing_email" name="billing[email]" type="email" placeholder="billing@team.com" />
  <:description>Invoices and payment reminders go here.</:description>
</.field>

Attributes

Name Type Default Values Global Includes
class :string
rest :global

Slots

Slot Slot Attributes
inner_block Required