Form / foldkit-mixins-form/ui

renderers

function · packages/mixins-form/src/ui.ts:55

function renderers<Message>(styles?: UiStyles): Renderers<Message>

A renderer for every kind foldkit-form ships, drawn through foldkit-mixins-ui's Slots, for FormView.define(form, { renderers }). The field around each control (label, description, checking line, error) is the form view's own, and each control keeps what the plain one carries: the key as its name, its id, and its validity and descriptions.

Text, Number, Multiline and the selects are the plain elements under the component's Slot, so its recipe styles them; a FieldSlots style on the same element no longer reaches it. Toggle, Choices and RelationMany are the Checkbox's role="checkbox" buttons, which Space presses and a label for them names; a hidden input inside each checked one keeps a form posted without scripts carrying it. The Mixins' input is the field's validation state.