Next: , Previous: , Up: API  


1.7 (hygguile components input)

1.7.1 Procedures

Procedure: input KEY: #:label #:name #:value #:placeholder #:type #:required #:input-css #:label-css #:input-flex-css

Construct an HTML <input> component with a matching label.

label

The descriptive text string displaying the identity of the field.

name

The name mapping configuration string bound onto form serialization attributes.

value

The standard default textual configuration payload string.

placeholder

The ambient string text descriptive hint applied when the field boundary is unpopulated.

type

A configuration symbol managing browser input rendering choices (e.g., 'text, 'password).

required

A boolean property indicating if form verification forces evaluation validation.

input-css

List of symbols representing layout utility CSS classes for the input field.

label-css

List of symbols representing presentation utility CSS classes for the label field.

input-flex-css

List of symbols regulating structure container box margins and gaps.

(input #:label "Email Address" #:name "email" #:type 'email #:required #t)
Procedure: textarea KEY: #:label #:name #:value #:required #:textarea-css #:label-css #:textarea-flex-css

Construct an HTML <textarea> multiline field block.

label

The explicit header string informing users of required field contexts.

name

The unique string structural identifier mapping the entity across standard DOM tables.

value

The initial text block paragraph payload string nested inside the block.

required

A field completion mandatory requirement boolean validation gate switch.

textarea-css

List of symbols targeting specific dimensions and borders configuration styles.

label-css

List of symbols handling sizing constraints applied onto the matching label tags.

textarea-flex-css

List of symbols managing outer wrapper responsive card flex constraints.

(textarea #:label "User Bio" #:name "biography" #:value "Born in Scheme...")

Next: (hygguile components notification), Previous: (hygguile components icon), Up: API