API Reference

@themvora/shadcn · Angular

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

injectShadcnTheme(runtime, options?) registers the shadcn adapter on an explicitly provided Themvora runtime and unregisters it when the current injection context is destroyed.

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

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

Angular injectable that registers the shadcn/ui adapter on the given Theme Kit runtime. Maintains a tagged :root style element with concrete --* variables, kept in sync as the active theme changes.

Call in your component (or root) constructor or field initializer — the function uses DestroyRef to unregister the adapter, so it must run in an injection context (the runtime usually comes from injectThemeRuntime() in @themvora/angular):

import { injectShadcnTheme } from "@themvora/shadcn/angular";

export class AppComponent {
  adapter = injectShadcnTheme(runtime);
}

See also: injectBootstrapTheme

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

Returns ThemeAdapter<T> — The installed adapter instance.

Interfaces

`InjectAdapterOptions`

Options for the Angular adapter injection functions (for example injectShadcnTheme).

Member	Type	Description
`strategy` (optional)	`AdapterStrategy`	The adapter strategy to use when registering the adapter.

Related docs

shadcn/ui — the adapter integration