Skip to content

Latest commit

 

History

History
 
 

component-gallery

Component Gallery Sample Extension

This sample extension demonstrates every component in the Webview UI Toolkit for Visual Studio Code.

A screenshot of the sample extension.

Run The Sample

# Copy sample extension locally
npx degit microsoft/vscode-webview-ui-toolkit-samples/default/component-gallery component-gallery

# Navigate into sample directory
cd component-gallery

# Install sample dependencies
npm install

# Open sample in VS Code
code .

Once the sample is open inside VS Code you can run the extension by doing the following:

  1. Press F5 to open a new Extension Development Host window
  2. Inside the host window, open the command palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) and type Component Gallery: Show