Skip to content

@stylistic/

template-curly-spacing

We can embed expressions in template strings with using a pair of ${ and }.

This rule can force usage of spacing within the curly brace pair according to style guides.

js
let hello = `hello, ${people.name}!`;

Rule Details

This rule aims to maintain consistency around the spacing inside of template literals.

Options

json
{
    "template-curly-spacing": ["error", "never"]
}

This rule has one option which has either "never" or "always" as value.

  • "never" (by default) - Disallows spaces inside of the curly brace pair.
  • "always" - Requires one or more spaces inside of the curly brace pair.

Examples

never

Examples of incorrect code for this rule with the default "never" option:

js
/*eslint @stylistic/template-curly-spacing: "error"*/

`hello, ${
people.name}!`;
`hello, ${people.name
}!`;
`hello, ${
people.name
}!`;
incorrect

Examples of correct code for this rule with the default "never" option:

js
/*eslint @stylistic/template-curly-spacing: "error"*/

`hello, ${people.name}!`;

`hello, ${
    people.name
}!`;
correct

always

Examples of incorrect code for this rule with the "always" option:

js
/*eslint @stylistic/template-curly-spacing: ["error", "always"]*/

`hello, ${ people.name
}
!`;
`hello,
${
people.name }!`;
`hello,
${
people.name
}
!`;
incorrect

Examples of correct code for this rule with the "always" option:

js
/*eslint @stylistic/template-curly-spacing: ["error", "always"]*/

`hello, ${ people.name }!`;

`hello, ${
    people.name
}!`;
correct

When Not To Use It

If you don't want to be notified about usage of spacing inside of template strings, then it's safe to disable this rule.

Released under the MIT License.