KEMBAR78
Use `Webview UI Toolkit for Visual Studio Code` for webview controls · Issue #3035 · microsoft/vscode-pull-request-github · GitHub
Skip to content

Use Webview UI Toolkit for Visual Studio Code for webview controls #3035

@daviddossett

Description

@daviddossett

Proposal

Hi all! 👋

Now that we've released the Webview UI Toolkit for Visual Studio Code, I think it would great to swap the bespoke/styled UI components in the extension with their counterparts in the toolkit. This would reduce the load on maintainers to have to keep up with visual/theme/accessibility consistency with VS Code itself, among other advantages.

You can view the components in a Storybook environment here.

From what I've seen, the primary webviews in the extension use inputs, buttons (icon, primary, secondary), tags, checkboxes, and links. I believe the toolkit covers all of those components spare the split button currently used for selecting a merge method. That component is in our backlog to be added soon.

References

CleanShot 2021-10-13 at 11 15 40@2x

CleanShot 2021-10-13 at 11 17 08@2x

cc @hawkticehurst @misolori

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions