Input

A text field with an optional label and helper text. 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" />

Explore the Input in different variants.

Input - Accepts a single-line value.