Read-only mirror. @jeswr/solid-elements is developed in the jeswr/solid-sdk monorepo and published here by scripts/mirror-publish.mjs so github:-pinned installs keep working — do not edit or PR this repo. File issues on the monorepo.

Framework-independent Lit web components for shared Solid application chrome and status UI.

The root package is presentation-only: hosts provide state through properties and listen for CustomEvents. Optional React wrappers and a legacy authentication adapter use separate subpaths.

Security-critical surfaces such as login and feedback remain host-controlled. Prefer @jeswr/solid-auth-core for new shared authentication logic.

npm install github:jeswr/solid-elements#main

For React wrappers, also install react, react-dom, and the optional peers listed for the ./react entry. The ./auth entry requires all of its declared optional auth peers.

import "@jeswr/solid-elements";

const menu = document.createElement("jeswr-account-menu");
menu.name = "Ada Lovelace";
menu.webId = "https://id.example/profile#me";
menu.addEventListener("sign-out", () => signOut());
document.body.append(menu);

Or use the registered tags directly:

<jeswr-theme-toggle></jeswr-theme-toggle>
<jeswr-loading label="Loading profile"></jeswr-loading>
<jeswr-saving-indicator state="saved"></jeswr-saving-indicator>

• Components: jeswr-theme-toggle, jeswr-account-menu, jeswr-feedback-button, jeswr-login-panel, jeswr-empty-state, jeswr-error-state, jeswr-loading, and jeswr-saving-indicator.
• Events: theme-change, sign-out, feedback-submit, session-change, login, logout.
• React wrappers: @jeswr/solid-elements/react (client-only under SSR frameworks).
• Optional auth adapter: createReactiveAuthController from @jeswr/solid-elements/auth.
• Theme and feedback helpers are exported from the root.

• Source
• Issues
• Custom Elements Manifest
• Lit

MIT © Jesse Wright