Import of external code components

[oliviertassinari]

Summary 💡

Allow developers to extend Toolpad to use their own components. Note that this issue is specifically about components it's not about building a plugin ecosystem for Toolpad as Figma has.

Examples 🌈

Potential sources

• Imports
  1. npm
  2. Codesandbox
  3. GitHub, GitLab
  4. URLs
  5. Storybook
• Push https://github.com/mui/mui-toolpad/issues/390

Benchmark

• https://www.uxpin.com/docs/merge/storybook-integration/. Import from Storybook (5.), they also do (6.)

• https://www.uxpin.com/merge/component-manager (1.) and (3.)
• https://streamlit.io/components (1.)

Motivation 🔦

Have the ability to expand Toolpad with custom code that is maintained outside of it. For instance, the community might want to maintain custom components, or your team might build custom components for Toolpad and deliver them on npm.

[prakhargupta1]

@joserodolfofreitas mentioned that in all of his recent user interviews this discussion came up. Accordingly, it makes sense to prioritize this issue.