> For AI agents: the complete documentation index is available at https://rslint.rs/llms.txt, the full documentation bundle is available at https://rslint.rs/llms-full.txt.

# jsx-max-props-per-line

[Added in v0.3.0](https://github.com/web-infra-dev/rslint/releases/tag/v0.3.0)
## Configuration


```ts title=rslint.config.ts
import { defineConfig, reactPlugin } from '@rslint/core';

export default defineConfig([
  reactPlugin.configs.recommended,
  {
    rules: {
      'react/jsx-max-props-per-line': 'error',
    },
  },
]);
```

## Rule Details

Limit the maximum number of props on a single line in JSX. Useful for readability when elements have many props.

Examples of **incorrect** code with the default `{ "maximum": 1, "when": "always" }`:

```jsx
<Foo bar="a" baz="b" />
```

Examples of **correct** code with the default `{ "maximum": 1, "when": "always" }`:

```jsx
<Foo bar="a" />
<Foo
  bar="a"
  baz="b"
/>
```

## Options

- `maximum`: Maximum number of props per line. Can be a number or `{ single: N, multi: N }`.
- `when`: `"always"` (default) or `"multiline"`. If `"multiline"`, only enforces the limit on multiline JSX elements.

## Original Documentation

- [eslint-plugin-react: jsx-max-props-per-line](https://github.com/jsx-eslint/eslint-plugin-react/blob/v7.37.5/docs/rules/jsx-max-props-per-line.md)
- [Source code](https://github.com/jsx-eslint/eslint-plugin-react/blob/v7.37.5/lib/rules/jsx-max-props-per-line.js)