@smui/textfield

Svelte Material UI - Text Field

Text fields offer users an area to input text, numbers, files, etc.

Installation

npm install --save-dev @smui/textfield

Whoa There, These Docs are Outdated

The latest SMUI v3 beta had a lot of changes, and these docs haven't been caught up yet. You should check out the demo page's code to see the latest usage.

Basic Usage

<Textfield bind:value={name} label="Name" />
<br />
<Textfield
  type="email"
  bind:value={email}
  label="Email"
  input$autocomplete="email"
/>
<br />
<Textfield textarea bind:value={comment} label="Comment" />

<script>
  import Textfield from '@smui/textfield';

  export let name = '';
  export let email = '';
  export let comment = '';
</script>

Demo

in action: https://sveltematerialui.com/demo/textfield

demo code: https://github.com/hperrin/svelte-material-ui/blob/master/site/src/routes/demo/textfield.svelte

Exports

todo...

More Information

See Text fields in the Material design spec.

See Text Field in MDC-Web for information about the upstream library's architecture.