Textfield

Basic example

HTML

<vscode-textfield
  placeholder="Type something"
  value="Test value"
></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>