remove duplicate change and input event forwarding (641acf1), closes #233
required causes textfield to use native validation, label stops floating when value deleted (b13b2a0), closes #234
slider external updates not reflected in UI (d46b854)
textfield labels and notches show incorrect state and position (c935423), closes #236
theme builder error when the output directory doesn't exist (36c2531)
warnings about unexpected slot in Img and Hr (98a555f)

Features

change event modifier syntax to allow use on all events (1fe4f82)
include props for conditional icons on Textfield and Select (2d95dc7), closes #230

Reverts

Revert "v4.1.0" (54dfd48)
Revert "v4.1.0" (3e683d9)

Readme

Source

Svelte Material UI - Text Field

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

Installation

npm install --save-dev @smui/textfield

Demo

See it in action.

See the demo code.

Whoa There, These Docs are Outdated

The latest SMUI v3 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>

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.

Keywords

FAQs

What is @smui/textfield?

Is @smui/textfield well maintained?

Last updated on 28 Apr 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install