# better-tailwindcss/enforce-consistent-line-wrapping
Enforce tailwind classes to be broken up into multiple lines. It is possible to break at a certain print width or a certain number of classes per line.
## Options
### `printWidth`
The maximum line length. Lines are wrapped appropriately to stay within this limit. The value `0` disables line wrapping by `printWidth`.
Tabs count according to [`tabWidth`](#tabwidth) when evaluating this limit.
**Type**: `number`
**Default**: `80`
### `classesPerLine`
The maximum amount of classes per line. Lines are wrapped appropriately to stay within this limit . The value `0` disables line wrapping by `classesPerLine`.
**Type**: `number`
**Default**: `0`
### `group`
Defines how different groups of classes should be separated. A group is a set of classes that share the same variant.
**Type**: `"emptyLine" | "never" | "newLine"`
**Default**: `"newLine"`
### `preferSingleLine`
Prefer a single line for different variants. When set to `true`, the rule will keep all variants on a single line until the line exceeds the `printWidth` or `classesPerLine` limit.
**Type**: `boolean`
**Default**: `false`
### `indent`
Determines how the code should be indented. A number defines the amount of space characters, and the string `"tab"` will use a single tab character.
**Type**: `number | "tab"`
**Default**: `2`
### `tabWidth`
Determines how many columns a tab character contributes when checking `printWidth`.
This option only affects width calculations and does not change emitted indentation characters.
**Type**: `number`
**Default**: `1`
### `lineBreakStyle`
The line break style.
The style `windows` will use `\r\n` as line breaks and `unix` will use `\n`.
**Type**: `"windows" | "unix"`
**Default**: `"unix"`
### `strictness`
When used in combination with formatters like prettier, biome or oxfmt, the line wrapping might interfere with the line wrapping of those formatters in some [edge cases](https://github.com/schoero/eslint-plugin-better-tailwindcss/issues/243).
If you experience such issues, you can set the `strictness` option to `"loose"` to make the rule less strict about line wrapping.
This will allow the lines to slightly exceed the `printWidth` if the plugin detects that the line wrapping would likely cause conflicts with a formatter.
**Type**: `"strict" | "loose"`
**Default**: `"strict"`
Common options
These options are common to all rules and can also be set globally via the [`settings` object](../settings/settings.md).
### `selectors`
Flat list of selectors that determines where Tailwind class strings are linted.
**Type**: Array of [Selectors](../configuration/advanced.md#selectors)
**Default**: See [defaults API](../api/defaults.md)
### `entryPoint`
The path to the entry file of the css based tailwind config (eg: `src/global.css`).
If not specified, the plugin will fall back to the default configuration.
**Type**: `string`
**Default**: `undefined`
### `tailwindConfig`
The path to the `tailwind.config.js` file. If not specified, the plugin will try to find it automatically or falls back to the default configuration.
This can also be set globally via the [`settings` object](../settings/settings.md#tailwindConfig).
For Tailwind CSS v4 and the css based config, use the [`entryPoint`](#entrypoint) option instead.
**Type**: `string`
**Default**: `undefined`
### `tsconfig`
The path to the `tsconfig.json` file. If not specified, the plugin will try to find it automatically.
This can also be set globally via the [`settings` object](../settings/settings.md#tsconfig).
The tsconfig is used to resolve tsconfig [`path`](https://www.typescriptlang.org/tsconfig/#paths) aliases.
**Type**: `string`
**Default**: `undefined`
## Examples
With the default options, a class name will be broken up into multiple lines and grouped by their variants. Groups are separated by an empty line.
The following examples show how the rule behaves with different options:
```tsx
// ❌ BAD
;
```
```tsx
// ✅ GOOD: with option { group: 'emptyLine' }
;
```
```tsx
// ✅ GOOD: with option { group: 'newLine' }
;
```
```tsx
// ✅ GOOD: with option { group: 'never', printWidth: 80 }
;
```
```tsx
// ✅ GOOD: with { classesPerLine: 1, group: 'emptyLine' }
;
```
```tsx
// ✅ GOOD: with { group: "newLine", preferSingleLine: true, printWidth: 120 }
;
```
```tsx
// ✅ GOOD: with { group: "newLine", preferSingleLine: true, printWidth: 80 }
;
```