Scope

Declare a scope for this component’s children. Any symbols and scopes declared in the children of this component will be in this scope.

Overload 1

Declare a scope by providing an already created scope. The scope is merely exposed via Scope context.

jsx

import { Scope } from "@alloy-js/core";

<Scope value={OutputScope}>
  {children}
</Scope>

stc

import { Scope } from "@alloy-js/core/stc";

Scope({ value: OutputScope }).children(children)

Props

children	optionalChildren
value	Scope context interface The scope to use. If not provided, a new scope will be created.

Overload 2

Create a scope by providing a name and optional metadata.

jsx

import { Scope } from "@alloy-js/core";

<Scope
  metadata={Record<string, unknown>}
  name="string"
  ownerSymbol={OutputSymbol}
>
  {children}
</Scope>

stc

import { Scope } from "@alloy-js/core/stc";

Scope({
  metadata: Record<string, unknown>,
  name: string,
  ownerSymbol: OutputSymbol,
}).children(children)

Props

children	optionalChildren
metadata	optionalRecord<string, unknown> Additional metadata for the scope.
name	optionalstring The name of this scope.
ownerSymbol	optionalMemberDeclaration context interface Create a member scope with the owner symbol providing the in-scope symbols.

See also

• Scope context