Is there any way to use global context data in Plasmic Studio?

Developer Support
1

Hi, the forum has been going down for a couple of days, do you know when the issue will be resolved? Thanks

Also, I would like to ask if there is any way to use Global Context data (created as Code Component) in the studio? There is fair bit of global data I want to be able to use across multiple components. Cheers

For example, I created a UserContextProvider with data like username, age. How do I render the username as Plasmic Text’s content prop?

2

Hi @parental_bobolink, thanks for raising - we’re looking into it

3

Should be back

4

thanks a lot

5

You can do this using the dataprovider component, let me know if that helps: https://docs.plasmic.app/learn/data-code-components/

6

This means I would have to use Code Component instead?

7

Oh I thought that’s what you were asking about, how to create a global context provider that provides some data that can be used in the studio

8

Global context providers are just react components https://docs.plasmic.app/learn/global-contexts/

9

So you can inside of that react components render a dataprovider that provides any data to your plasmic project

10

Then from within plasmic studio, you can right-click the content setting of a text element and use a dynamic value there, picking the data you provided

11

thanks Yang for your answer. I understand I can access the global context data through code component, however my question is: is it possible to access global context without creating extra code component

12

You don’t need a code component to access global context, just right click

13

oooh, that’s something I don’t know. Can you advise me more

14

let say I have created a React Global Context code component like

export default function ClientContextProvider(props: React.PropsWithChildren<ClientContextProps>) {
    const {
        logoUrl,
        tagline,
        children,
    } = props;

    return (
        <ClientContext.Provider value={{ logoUrl, tagline, }}>
            {children}
        </ClientContext.Provider>
    );
}

Then in the project settings, i have setup the logoUrl and tagline I want

15

Are you missing the dataprovider there?

16

Right, so we need to add Data Provider into it

17

Yes

18

that’s quite interesting, I can create a Custom behavior component for this then. I think I get it now :slightly_smiling_face:

19

thanks a lot, Yang

20

No problem, and just to clarify, you shouldn’t need custom behavior code components to access the data provided by a dataprovider, you can just right click and use dynamic value