ReviewRow

One row of a form's confirm panel: a label plus a slot the paired *-form-enhancer fills in with the submitted value.

Forms

Usage

import { ReviewRow } from "@zudo-sg/ui";

<ReviewRow label="Name" reviewAttr="data-contact-review" field="name" />

Default

Source

<dl>
  <ReviewRow label="Inquiry type" reviewAttr="data-contact-review" field="purpose" />
  <ReviewRow label="Name" reviewAttr="data-contact-review" field="name" />
  <ReviewRow label="Message" reviewAttr="data-contact-review" field="message" multiline />
</dl>

Live CSS

Injected into the previews above. ReviewRow

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */