lit-ui-router / UiSrefActiveDirective

Class: UiSrefActiveDirective

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

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	Description	Defined in
active	boolean | undefined	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:308
activeClasses	string[]	[]	-	packages/lit-ui-router/src/ui-sref-active.ts:284
ariaCurrentValue	| false | AriaCurrentValue | AriaCurrentValues | undefined	undefined	undefined = default (on for link elements)	packages/lit-ui-router/src/ui-sref-active.ts:287
element	Element | null	null	-	packages/lit-ui-router/src/ui-sref-active.ts:270
entering	boolean | undefined	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:310
exact	boolean | undefined	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:309
exactClasses	string[]	[]	-	packages/lit-ui-router/src/ui-sref-active.ts:285
exiting	boolean | undefined	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:311
options	TransitionOptions	{}	-	packages/lit-ui-router/src/ui-sref-active.ts:306
params	RawParams	{}	-	packages/lit-ui-router/src/ui-sref-active.ts:305
parentView	UiView | null	null	-	packages/lit-ui-router/src/ui-sref-active.ts:278
state	string | undefined	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:304
targetStates	Set<TargetState>	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:313
uiRouter	UIRouterLit | undefined	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:272
uiSrefs	WeakMap<TargetState, UiSrefElement>	undefined	-	packages/lit-ui-router/src/ui-sref-active.ts:314