Cloud Context

The CloudContext component is used to provide user and organization context to the other Cloud components. It is generally used in Consoles. Once the required data is loaded from the backend, all the other components must be wrapped inside the CloudContext component to function properly.

{#if loading}
    <ANiceLoader />
{:else}

    <CloudContext
        instance={...}
        user={...}
        organization={...}
    >
        
        <!-- other cloud components can be used now -->
        <HyvorBar />
    
    </CloudContext>

{/if}

You may use the cloud context data in your components:

import { getCloudContext } from '@hyvor/design/cloud';

const cloudContext = getCloudContext();