diff --git a/packages/eslint-plugin-template/docs/rules/no-inline-styles.md b/packages/eslint-plugin-template/docs/rules/no-inline-styles.md
new file mode 100644
index 0000000000..4420da39b5
--- /dev/null
+++ b/packages/eslint-plugin-template/docs/rules/no-inline-styles.md
@@ -0,0 +1,815 @@
+
+
+
+
+# `@angular-eslint/template/no-inline-styles`
+
+Disallows the use of inline styles in HTML templates
+
+- Type: suggestion
+
+
+
+## Rule Options
+
+The rule accepts an options object with the following properties:
+
+```ts
+interface Options {
+ allowNgStyle?: boolean;
+ allowBindToStyle?: boolean;
+}
+
+```
+
+
+
+## Usage Examples
+
+> The following examples are generated automatically from the actual unit tests within the plugin, so you can be assured that their behavior is accurate based on the current commit.
+
+
+
+
+❌ - Toggle examples of incorrect code for this rule
+
+
+
+#### Default Config
+
+```json
+{
+ "rules": {
+ "@angular-eslint/template/no-inline-styles": [
+ "error"
+ ]
+ }
+}
+```
+
+
+
+#### ❌ Invalid Code
+
+```html
+
+