Input

A text field with optional labels, helper text, and decorative adornments. Comes in two variants.

Configure Project

Project Name This is your project's visible name on Vercel. Root Directory The directory where your source code lives.

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add input

Import the Input and use it in your component:

import { Input } from '$lib/sivir/components/input';

<Input label="Email" placeholder="you@example.com" />

Add context with adornments, choose a visual variant, and use native validation.

Use non-interactive leading and trailing snippets with text-entry inputs for icons, units, or short context.

Repository .git

Use native constraints with error messages that respond to blur and form submission.

Input - Accepts a single-line value.