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

# Interface: SrefActiveClassParams

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

Parameters for [srefActiveClass](../directives/srefActiveClass.md).

## Extends

* [`SrefTargetParams`](SrefTargetParams.md)

## Properties

| Property | Type | Description | Inherited from | Defined in |
| ------ | ------ | ------ | ------ | ------ |
|  `activeClasses?` | `string`\[] | CSS classes to add when the state (or a child state) is active | - | [packages/lit-ui-router/src/sref-active.ts:340](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/sref-active.ts#L340) |
|  `classes?` | `ClassInfo` | Other classes to toggle by their value's truthiness, as [classMap](https://lit.dev/docs/templates/directives/#classmap) takes them. A `class` attribute holds one toggling directive, so this is where `classMap`'s argument goes when it shares the attribute with ours. A name listed here and in `activeClasses` applies when either says so. | - | [packages/lit-ui-router/src/sref-active.ts:350](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/sref-active.ts#L350) |
|  `exactClasses?` | `string`\[] | CSS classes to add only when the exact state is active | - | [packages/lit-ui-router/src/sref-active.ts:342](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/sref-active.ts#L342) |
|  `options?` | [`TransitionOptions`](https://ui-router.github.io/core/docs/latest/interfaces/_transition_interface_.transitionoptions.html) | Transition options; `relative` defaults to the enclosing view's state | [`SrefTargetParams`](SrefTargetParams.md).[`options`](SrefTargetParams.md#options) | [packages/lit-ui-router/src/sref-active.ts:45](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/sref-active.ts#L45) |
|  `params?` | [`RawParams`](https://ui-router.github.io/core/docs/latest/interfaces/_params_interface_.rawparams.html) | State parameters to match | [`SrefTargetParams`](SrefTargetParams.md).[`params`](SrefTargetParams.md#params) | [packages/lit-ui-router/src/sref-active.ts:43](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/sref-active.ts#L43) |
|  `state?` | `string` | The state name to check for active status | [`SrefTargetParams`](SrefTargetParams.md).[`state`](SrefTargetParams.md#state) | [packages/lit-ui-router/src/sref-active.ts:41](https://github.com/simshanith/lit-ui-router/blob/92660184d9980e90964f7e785d5efeb5cae43b42/packages/lit-ui-router/src/sref-active.ts#L41) |