Primitives
Input
A text input field with variants and sizes.
import { Input } from "@pipecat-ai/voice-ui-kit";
<Input placeholder="Placeholder" />| Prop | Type | Default |
|---|---|---|
variant? | "default" | "secondary" | "destructive" | "ghost" | "default" |
size? | "sm" | "default" | "lg" | "default" |
type? | React.ComponentProps<"input">["type"] | "text" |
className? | string | undefined |
Usage
Variants
import { Input } from "@pipecat-ai/voice-ui-kit";
<div className="flex flex-col gap-4">
<Input placeholder="Default" variant="default" />
<Input placeholder="Secondary" variant="secondary" />
<Input placeholder="Destructive" variant="destructive" />
<Input placeholder="Ghost" variant="ghost" />
</div>Sizes
import { Input } from "@pipecat-ai/voice-ui-kit";
<div className="flex flex-col gap-4">
<Input placeholder="Small" size="sm" />
<Input placeholder="Default" size="default" />
<Input placeholder="Large" size="lg" />
</div>