API Reference

@themvora/shadcn · Solid

shadcn/ui adapter: token variables plus framework bindings for React, Vue, Svelte, Solid and Angular.

useShadcnTheme(runtime, options?) installs the shadcn adapter onto an explicitly provided Themvora runtime and disposes it on cleanup.

Generated from packages/shadcn/src by apps/docs/scripts/generate-api-reference.mjs. Do not edit by hand — run pnpm --filter @themvora/docs api:generate.

Functions

`useShadcnTheme<T extends ThemeDefinition<string>>(runtime, options): ThemeAdapter<T>`

Solid composable that installs the shadcn/ui adapter onto the given Theme Kit runtime. Maintains a tagged :root style element with concrete --* variables, kept in sync as the active theme changes.

Must be called within a Solid reactive root, passing the runtime from your Themvora provider (e.g. useThemeRuntime() from @themvora/solid):

TSX / JSX

import { useShadcnTheme } from "@themvora/shadcn/solid";

function App() {
  useShadcnTheme(runtime);
  return <YourApp />;
}

See also: createShadcnAdapter

Parameter	Type	Description
`runtime`	`ThemeRuntime<T>`	The active Themvora runtime to install the adapter on.
`options`	`UseAdapterOptions`	Adapter options. Defaults to `{}`.

Returns ThemeAdapter<T> — The installed adapter instance.

Interfaces

`UseAdapterOptions`

Options accepted by the Solid adapter composables (e.g. useShadcnTheme).

Member	Type	Description
`strategy` (optional)	`AdapterStrategy`	The adapter strategy to use. When omitted, the adapter's default strategy applies.

Related docs

shadcn/ui — the adapter integration