This sample extension demonstrates every React component in the Webview UI Toolkit for Visual Studio Code.
# Copy sample extension locally
npx degit microsoft/vscode-webview-ui-toolkit-samples/frameworks/component-gallery-react component-gallery-react
# Navigate into sample directory
cd component-gallery-react
# Install dependencies for both the extension and webview UI source code
npm run install:all
# Build webview UI source code
npm run build:webview
# Open sample in VS Code
code .Once the sample is open inside VS Code you can run the extension by doing the following:
- Press
F5to open a new Extension Development Host window - Inside the host window, open the command palette (
Ctrl+Shift+PorCmd+Shift+Pon Mac) and typeComponent Gallery (React): Show