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

# Interface: UiSrefActiveParams

Defined in: [packages/lit-ui-router/src/ui-sref-active.ts:145](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L145)

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:147](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L147) |
|  `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:167](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L167) |
|  `exactClasses` | `string`\[] | CSS classes to add only when the exact state is active | [packages/lit-ui-router/src/ui-sref-active.ts:149](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L149) |
|  `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:173](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L173) |
|  `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:171](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L171) |
|  `state` | `string` | The state name to check for active status | [packages/lit-ui-router/src/ui-sref-active.ts:169](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L169) |
|  `targetStates` | [`TargetState`](https://ui-router.github.io/core/docs/latest/classes/_state_targetstate_.targetstate.html)\[] | Target states from nested uiSref directives | [packages/lit-ui-router/src/ui-sref-active.ts:175](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/ui-sref-active.ts#L175) |