Textfield

• Docs
• API

Note

This component is compatible with the standard <form> element. For more information on form submission and client-side validation, please refer to the Working with forms section.

Basic example

HTML

<vscode-textfield></vscode-textfield>

Using Slots

308 Settings Found

HTML

<p>
  <vscode-textfield placeholder="Type something">
    <vscode-badge slot="content-after">308 Settings Found</vscode-badge>
    <vscode-icon
      slot="content-after"
      name="clear-all"
      title="clear-all"
      action-icon
    ></vscode-icon>
    <vscode-icon
      slot="content-after"
      name="filter"
      action-icon
    ></vscode-icon>
  </vscode-textfield>
</p>
<p>
  <vscode-textfield placeholder="Type something">
    <vscode-icon
      slot="content-before"
      name="search"
      title="search"
    ></vscode-icon>
  </vscode-textfield>
</p>

File input

HTML

<vscode-textfield type="file"></vscode-textfield>