Input

Quiet field: hairline border, ink focus, label above at 12px.

Install

npx raster add input

Markup

<div class="rs-field"><span class="rs-field-label">E-mail</span><input class="rs-input rs-input-full" /></div>

React

import { Input } from "@/components/raster/input";

<Input label="E-mail" placeholder="renn@noord.vc" ok feedback="Looks good" />

Classes

.rs-field.rs-field-label.rs-input.rs-input-full.rs-input-ok.rs-feedback.rs-feedback-ok