Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Aspect - Visually edit React.New to Visual Studio Code? Get it now.

Aspect - Visually edit React.

Aspect Editor

|
28 installs
| (0) | Free
Create and edit UI components visually.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Aspect - Visually edit React.

Aspect is a visual editor that lets you create and edit React components visually. Pull designs into your codebase as code and override any part of it using your existing components.

Screen Shot

Example Usage

import React from "react";
import Component from "Component.aspect";

const App = () => {
  const Title = (props) => <h1 {...props}></h1>;
  const DetailProps = { style: { color: "gray" } };
  return (
    <Component
      // override views
      views={{ Title }}
      // override props
      viewProps={{ Detail: DetailProps }}
    />
  );
};
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft