---
url: /reference/@cssdoc/core/interfaces/CssState.md
---
# Interface: CssState

Defined in: [packages/core/src/model.ts:102](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L102)

A component state — from `:state()`, a native pseudo-class, a state class, or an attribute (`@cssstate`).

## Properties

### description?

```ts
optional description?: string;
```

Defined in: [packages/core/src/model.ts:111](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L111)

Prose from a `@cssstate` doc tag, when authored.

***

### kind

```ts
kind: CssStateKind;
```

Defined in: [packages/core/src/model.ts:109](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L109)

How the state is expressed in CSS.

***

### name

```ts
name: string;
```

Defined in: [packages/core/src/model.ts:107](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L107)

The state's derived name without its punctuation, e.g. `open`, `selected`, `disabled`, or
`aria-sort="ascending"` for an attribute state.

***

### selector?

```ts
optional selector?: string;
```

Defined in: [packages/core/src/model.ts:113](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L113)

The full bracketed selector for an `attribute` state, e.g. `[aria-sort="ascending"]`.