input

Single-line text input. Leading/trailing icon support.

status: stable js: none support: baseline

Preview

<input class="input" type="email" placeholder="…">

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/input.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add input

Native input; pair with a <label>; aria-invalid for error

.input .input-sm .input-lg .input-wrap

base/tokens