<sp-textfield>

`sp-textfield` components are text boxes that allow users to input custom text entries with a keyboard. Various decorations can be displayed around the field to communicate the entry requirements.

Category

Content

Built with

No library

Library

Spectrum Web Components

Author

Adobe

Package

@spectrum-web-components/textfield

Component size

43.5 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

7.5 kB JS (shared by every Spectrum Web Components component, loaded once per page)

Popular

3 out of 5

Downloads

48,924/week · jsDelivr 7,731 hits/month (whole @spectrum-web-components/textfield package)

Latest stable version

1.12.4

Last published

Sep 29, 2026

Component last changed

May 12, 2026 (in 1.12.0)

License

Apache-2.0

• Documentation
• Source code

• Documentation
• Source code

Attributes

• value
• allowed-keys
• focused
• invalid
• label
• name
• placeholder
• type
• pattern
• grows
• maxlength
• minlength
• multiline
• readonly
• tooltip-placement
• rows
• valid
• quiet
• required
• autocomplete

Slots

• help-text
• negative-help-text

Events

• change
• input