[Feature Request] Textfield component

[abas1991]

Feature Summary

I would like to create a text-field component that has the following features:

• Specify input type(e.g. text, number, password)

• Bind events(e.g. onInput,onChange, etc)

• Set icon to input

• Specify common input props (e.g. disabled, label , placeholder, class)

• Ability to change to textarea control

• set validation state

And it will be used as follows:

<script>
  import { TextField } from "svelte-admin";

  const props = {
   placeholder: "enter first name",
   label: "first name",
   disabled: true,
   valid: true
   /* more */ 
  }
let inputValue = ""
let focused = false
let changeValue = ""
let inputValue = ""
</script>

  <Textfield
    {...props}
    textarea
    bind:value={inputValue}
    on:blur={() => focused = false}
    on:focus={() => focused = true}
    on:change={e => (changeValue = e.target.value)}
    on:input={e => (inputValue = e.target.value)}>
           /* icon element */ 
   </Textfield>