Field

Label, control, hint or error. The stack every form is made of.

Name

As it appears on the invoice.

Fee

Fixed fee

The number on the cover is the number on the invoice.

Install

npx @noordvc/raster-cli add field

Markup

<div class="rs-field"><label class="rs-field-label">Name</label><input class="rs-input rs-input-full" /><p class="rs-field-hint">As it appears on the invoice.</p></div>

React

import { Field, FieldHint, FieldLabel } from "@/components/raster/field";

<Field>
  <FieldLabel htmlFor="name">Name</FieldLabel>
  <input id="name" className="rs-input rs-input-full" />
  <FieldHint>As it appears on the invoice.</FieldHint>
</Field>

Classes

.rs-field.rs-field-label.rs-field-hint.rs-field-error

Depends on

/input