Make code components behave like interactive components?

responsible_spider · March 8, 2022, 5:40pm

@chungwu let me know if there’s anyway I can assist in this!

chungwu · March 16, 2022, 5:52pm

Hello! If you upgrade your @plasmicapp/loader-next etc), then you should be able to do…

import { usePlasmicCanvasContext } from "@plasmicapp/loader-next";
// this returns either false, or { componentName: ... }
const info = usePlasmicCanvasContext();

responsible_spider · March 17, 2022, 10:03pm

amazing! giving this a try now!

responsible_spider · March 22, 2022, 6:43pm

@chungwu this is works great! One feedback would be expanding this feature in the future to maybe include a modal that lets you set specific properties instead of just using the componentName.

const { props } = usePlasmicHost();

if (props.hasTabsWrapper) {
  return <Provider />;
}