Invoking Components

1. If your app needs Solid Authentication, import @inrupt/solid-client-authn-browser

A pre-built bundle is included in the Solid-Web-Components dist/vendor folder.

<script src="../dist/vendor/@inrupt-solid-client-authn-browser.umd.js""></script>

2. If your app needs SPARQL, import Comunica

A pre-built bundle is included in the Solid-Web-Components dist/vendor folder.

<script src="../dist/vendor/@comunica-query-sparql.umd.js"></script>

3. Always import Solid-Web-Components

A pre-built bundle containing all components and their pre-requisites is included in the Solid-Web-Components dist folder.

<script src="../dist/solid-web-components.bundle.min.js"></script>

4. Place Component tags anywhere in your HTML

<sol-query
    endpoint = "https://example.org/myEndpoint"
    sparql = "../data/myQueries.ttl#MyQuery"
    view = "auto-complete"
></sol-query>