lit-ui-router / UiSrefActiveDirective

Class: UiSrefActiveDirective

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

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:205
activeClasses	string[]	[]	packages/lit-ui-router/src/ui-sref-active.ts:198
element	Element | null	null	packages/lit-ui-router/src/ui-sref-active.ts:184
entering	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:207
exact	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:206
exactClasses	string[]	[]	packages/lit-ui-router/src/ui-sref-active.ts:199
exiting	boolean | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:208
options	TransitionOptions	{}	packages/lit-ui-router/src/ui-sref-active.ts:203
params	RawParams	{}	packages/lit-ui-router/src/ui-sref-active.ts:202
parentView	UiView | null	null	packages/lit-ui-router/src/ui-sref-active.ts:192
state	string | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:201
targetStates	Set<TargetState>	undefined	packages/lit-ui-router/src/ui-sref-active.ts:210
uiRouter	UIRouterLit | undefined	undefined	packages/lit-ui-router/src/ui-sref-active.ts:186
uiSrefs	WeakMap<TargetState, UiSrefElement>	undefined	packages/lit-ui-router/src/ui-sref-active.ts:211