lit-ui-router / UiSrefActiveDirective

Class: UiSrefActiveDirective

Defined in: packages/lit-ui-router/src/ui-sref-active.ts:182

Directive class that adds CSS classes based on active state.

This directive is used internally by the uiSrefActive directive function. It watches the current router state and applies CSS classes to elements when their associated states are active.

The directive can operate in two modes:

1. Explicit state: Provide a state name to watch
2. Container mode: Automatically watch nested uiSref directives

See

• uiSrefActive for the public API
• AsyncDirective
• SrefStatus

Extends

• AsyncDirective

Properties

Property	Type	Default value	Defined in
active	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:204
activeClasses	string[]	[]	packages/lit-ui-router/src/ui-sref-active.ts:197
element	Element | null	null	packages/lit-ui-router/src/ui-sref-active.ts:183
entering	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:206
exact	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:205
exactClasses	string[]	[]	packages/lit-ui-router/src/ui-sref-active.ts:198
exiting	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:207
options	TransitionOptions	{}	packages/lit-ui-router/src/ui-sref-active.ts:202
params	RawParams	{}	packages/lit-ui-router/src/ui-sref-active.ts:201
parentView	UiView | null	null	packages/lit-ui-router/src/ui-sref-active.ts:191
state	string | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:200
targetStates	Set<TargetState>	undefined	packages/lit-ui-router/src/ui-sref-active.ts:209
uiRouter	UIRouterLit | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:185
uiSrefs	WeakMap<TargetState, UiSrefElement>	undefined	packages/lit-ui-router/src/ui-sref-active.ts:210