---
url: https://lit-ui-router.dev/reference/lit-ui-router/types/UiSrefActiveParams.md
---
[lit-ui-router](../index.md) / UiSrefActiveParams

# Interface: UiSrefActiveParams

Defined in: [packages/lit-ui-router/src/ui-sref-active.ts:147](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L147)

Parameters for the uiSrefActive directive.

## See

[uiSrefActive](../directives/uiSrefActive.md)

## Properties

| Property | Type | Description | Defined in |
| ------ | ------ | ------ | ------ |
|  `activeClasses?` | `string`\[] | CSS classes to add when the state (or a child state) is active | [packages/lit-ui-router/src/ui-sref-active.ts:149](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L149) |
|  `ariaCurrentValue?` | | `false` | [`AriaCurrentValue`](AriaCurrentValue.md) | [`AriaCurrentValues`](AriaCurrentValues.md) | The `aria-current` value to set when the **exact** state is active — the same binding Vue Router's `ariaCurrentValue` uses. Defaults to `'page'` on link elements (`<a>`, `<area>`, `[role="link"]`). Pass a value explicitly to apply it to any element; pass `false` to leave `aria-current` untouched. Pass an object to also mark ancestors, which is otherwise off: `{ exact: 'page', active: 'location' }`. See [AriaCurrentValues](AriaCurrentValues.md) — the two do not combine the way `activeClasses` and `exactClasses` do. The directive only removes an `aria-current` it set itself, so a value authored in the template survives until the directive first writes one of its own — after that it owns the attribute and clears it when inactive, warning once. Use `false` to keep an authored value for good. | [packages/lit-ui-router/src/ui-sref-active.ts:169](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L169) |
|  `exactClasses?` | `string`\[] | CSS classes to add only when the exact state is active | [packages/lit-ui-router/src/ui-sref-active.ts:151](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L151) |
|  `options?` | [`TransitionOptions`](https://ui-router.github.io/core/docs/latest/interfaces/_transition_interface_.transitionoptions.html) | Transition options | [packages/lit-ui-router/src/ui-sref-active.ts:175](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L175) |
|  `params?` | [`RawParams`](https://ui-router.github.io/core/docs/latest/interfaces/_params_interface_.rawparams.html) | State parameters to match | [packages/lit-ui-router/src/ui-sref-active.ts:173](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L173) |
|  `state?` | `string` | The state name to check for active status | [packages/lit-ui-router/src/ui-sref-active.ts:171](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L171) |
|  `targetStates?` | [`TargetState`](https://ui-router.github.io/core/docs/latest/classes/_state_targetstate_.targetstate.html)\[] | The states to watch, built with `router.stateService.target()`. Lets an element go active for several states, or for links that aren't `uiSref` directives. Takes precedence: when given, `state` is ignored and nested `uiSref` links are not tracked. | [packages/lit-ui-router/src/ui-sref-active.ts:182](https://github.com/simshanith/lit-ui-router/blob/740888c2b2ba358c4dfa52a122e927df6a604b12/packages/lit-ui-router/src/ui-sref-active.ts#L182) |