Installation
pnpm dlx shadcn-svelte@latest add https://coss-sv.vercel.app/r/input.jsonUsage
<script lang="ts">
import { Input } from "$lib/components/ui/input/index.js";
</script>
<Input />API Reference
Input
Styled wrapper for the Shards UI Input with custom size options.
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" \| "default" \| "lg" \| number | "default" | Controls the input height. Number values pass to the native size attribute |
unstyled | boolean | false | Removes the wrapper styling, including the border and shadow |
Examples
For accessible labelling and validation, prefer using the Field component to wrap inputs, or the Field.Control component. See some related examples.