Input

A text field with an optional label and helper text. Comes in two variants.

Configure Project

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add input

Usage

Import the Input and use it in your component:

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

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

Examples

Explore the Input in different variants.

Outline

Secondary