# Focus

## Installation
```bash
# with npm
npm install @tiptap/extension-focus

# with Yarn
yarn add @tiptap/extension-focus
```

## Settings
| Option    | Type    | Default   | Description                                            |
| --------- | ------- | --------- | ------------------------------------------------------ |
| className | string  | has-focus | The class that is applied to the focused element.      |
| nested    | boolean | true      | When enabled nested elements get the focus class, too. |

## Commands
*None*

## Keyboard shortcuts
*None*

## Source code
[packages/extension-focus/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-focus/)

## Usage
<demo name="Extensions/Focus" highlight="31-34,12" />
