Textfield

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

Basic example

<vscode-textfield></vscode-textfield>

Using Slots

308 Settings Found

<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

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