Svelte Input Component

Started playing with Svelte and this is my first attempt to create re-usable component ... no one said that it will be useful :)

Instalation

npm install svelte-custom-input

Properties

• value - the text value to be displayed
• showPlaceholder - (default true) show/hide placeholder
• placeholder - (default PLACEHOLDER) the text for the placeholder
• disabled - (default false) enable/disable the input

Usage

Somewhere is your Svelte code:

import svInput from 'svelte-custom-input'

let inputText = 'My input value'
let placeholder = 'Placeholder text'

And in the html part:

<svInput 
    bind:value={inputText} 
    showPlaceholder={true} 
    placeholder={placeholder} 
    disabled={false} 
/>