UI Ingredients v1.6.0
Github

Environment Provider

A component for providing environment information to the rest of the application.

Usage

<!-- src/+layout.svelte -->
<script>
  import {EnvironmentProvider} from 'ui-ingredients';

  let {children} = $props();
</script>

<EnvironmentProvider rootNode={() => document}>
  {@render children()}
</EnvironmentProvider>

API Reference

Root

Prop Default Description
rootNode ShadowRoot | Document | Node | (() => ShadowRoot | Document | Node)