@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

Demo

See it in action.

See the demo code.

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>

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.

Changelog

3.0.0-beta.11 (2021-04-18)

Bug Fixes

• data table sticky header, top app bar demos on mobile, reference errors (236f6d2)

Features

• new Data Table Column Sort feature (c831855)
• new Data Table Pagination component (267f31d)
• new Data Table Progress Indicator component (b6e5cd6)