Input

A versatile component for various Inputs with customizable properties

+page.svelte

<script lang="ts">import { Input } from "@grampro/svelte-block";
let textValue = "";
</script>

<div class="min-h-screen flex items-center justify-center">
	<Input bind:value={textValue} />
</div>
Copy

Sample

OTP Field

TextInput component supports OTPField input by passing the prop OTPFeild

Example Code

<script lang="ts">import { Input } from "@grampro/svelte-block";
let OTPValue;
</script>

<div class="min-h-screen flex items-center justify-center">
	<Input OTPFeild OTPLength={4} bind:OTPValue  />
</div>Copy

Props