Input

ტექსტური ველი ზომებით, ხატულიანი addon-ებით და invalid მდგომარეობით. hooks არ აქვს — სერვერზე პირდაპირ რენდერდება.

მაგალითი

ელფოსტა

@llc-conciergia/ui/input

import { Input } from "@llc-conciergia/ui/input";
import { Label } from "@llc-conciergia/ui/label";

<Label htmlFor="guest-email">ელფოსტა</Label>
<Input id="guest-email" type="email" placeholder="guest@hotel.ge" leftAddon={<Mail />} />
<Input placeholder="ძებნა" rightAddon={<Search />} />
<Input invalid defaultValue="არასწორი" />

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import { Input } from "@llc-conciergia/ui/input";

Conciergia CLI

npx @llc-conciergia/cli add input

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/input.json

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
size	"sm" \| "md" \| "lg"	"md"	სიმაღლე და შრიფტის ზომა.
invalid	boolean	—	aria-invalid და destructive ჩარჩო.
leftAddon / rightAddon	ReactNode	—	დეკორატიული შინაარსი (ხატულა) კიდეებზე.
type	string	"text"	input-ის ტიპი.
...props	ComponentProps<"input">	—	ნებისმიერი input-ის ატრიბუტი.