diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md
index 0d563005b9613..79a705e9768a1 100644
--- a/packages/eslint-plugin/CHANGELOG.md
+++ b/packages/eslint-plugin/CHANGELOG.md
@@ -11,6 +11,7 @@
 - New Rule: [`@wordpress/dependency-group`](https://github.com/WordPress/gutenberg/blob/master/packages/eslint-plugin/docs/rules/dependency-group.md)
 - New Rule: [`@wordpress/valid-sprintf`](https://github.com/WordPress/gutenberg/blob/master/packages/eslint-plugin/docs/rules/valid-sprintf.md)
 - New Rule: [`@wordpress/gutenberg-phase`](https://github.com/WordPress/gutenberg/blob/master/packages/eslint-plugin/docs/rules/gutenberg-phase.md)
+- New Rule: [`@wordpress/no-base-control-with-label-without-id`](https://github.com/WordPress/gutenberg/blob/master/packages/eslint-plugin/docs/rules/no-base-control-with-label-without-id.md)
 
 ## 1.0.0 (2018-12-12)
 
diff --git a/packages/eslint-plugin/README.md b/packages/eslint-plugin/README.md
index cd1ab687823cd..94672a3e5f226 100644
--- a/packages/eslint-plugin/README.md
+++ b/packages/eslint-plugin/README.md
@@ -53,6 +53,7 @@ Rule|Description
 [gutenberg-phase](docs/rules/gutenberg-phase.md)|Governs the use of the `process.env.GUTENBERG_PHASE` constant
 [no-unused-vars-before-return](/packages/eslint-plugin/docs/rules/no-unused-vars-before-return.md)|Disallow assigning variable values if unused before a return
 [valid-sprintf](/packages/eslint-plugin/docs/rules/valid-sprintf.md)|Disallow assigning variable values if unused before a return
+[no-base-control-with-label-without-id](/packages/eslint-plugin/docs/rules/no-base-control-with-label-without-id.md)| Disallow the usage of BaseControl component with a label prop set but omitting the id property.
 
 ### Legacy
 
diff --git a/packages/eslint-plugin/docs/rules/no-base-control-with-label-without-id.md b/packages/eslint-plugin/docs/rules/no-base-control-with-label-without-id.md
new file mode 100644
index 0000000000000..4dea158a3be12
--- /dev/null
+++ b/packages/eslint-plugin/docs/rules/no-base-control-with-label-without-id.md
@@ -0,0 +1,45 @@
+# Disallow the usage of BaseControl component with a label prop set but omitting the id property (no-base-control-with-label-without-id)
+
+Base control component ideally should be used together with components providing user input. The label the BaseControl component receives, should be associated with some component providing user via an id attribute.
+If a label is provided but the id is omitted it means that the developer missed the id prop or that BaseControl is not a good fit for the use case and a div together with a span can provide the same functionality.
+
+## Rule details
+
+Examples of **incorrect** code for this rule:
+
+```jsx
+	<BaseControl
+		label="ok"
+	>
+		<input id="my-id" />
+	</BaseControl>
+```
+
+
+```jsx
+	<BaseControl label="ok" />
+```
+
+Examples of **correct** code for this rule:
+
+
+```jsx
+	<BaseControl />
+```
+
+```jsx
+	<BaseControl
+		id="my-id"
+	>
+		<input id="my-id" />
+	</BaseControl>
+```
+
+```jsx
+	<BaseControl
+		label="ok"
+		id="my-id"
+	>
+		<input id="my-id" />
+	</BaseControl>
+```
diff --git a/packages/eslint-plugin/rules/__tests__/no-base-control-with-label-without-id.js b/packages/eslint-plugin/rules/__tests__/no-base-control-with-label-without-id.js
index ff44c726d8ac5..a03a3a2296f7b 100644
--- a/packages/eslint-plugin/rules/__tests__/no-base-control-with-label-without-id.js
+++ b/packages/eslint-plugin/rules/__tests__/no-base-control-with-label-without-id.js
@@ -11,6 +11,9 @@ import rule from '../no-base-control-with-label-without-id';
 const ruleTester = new RuleTester( {
 	parserOptions: {
 		ecmaVersion: 6,
+		ecmaFeatures: {
+			jsx: true,
+		},
 	},
 } );
 
@@ -24,9 +27,7 @@ ruleTester.run( 'no-base-control-with-label-without-id', rule, {
 			/>`,
 		},
 		{
-			code: `
-			<BaseControl
-			/>`,
+			code: `<BaseControl />`,
 		},
 		{
 			code: `
@@ -34,13 +35,13 @@ ruleTester.run( 'no-base-control-with-label-without-id', rule, {
 				label="ok"
 				id="my-id"
 			>
-				<b>Child</b>
+				<input id="my-id" />
 			</BaseControl>`,
 		},
 		{
 			code: `
 			<BaseControl>
-				<b>Child</b>
+				<input id="my-id" />
 			</BaseControl>`,
 		},
 		{
@@ -48,7 +49,7 @@ ruleTester.run( 'no-base-control-with-label-without-id', rule, {
 			<BaseControl
 				id="my-id"
 			>
-				<b>Child</b>
+				<input id="my-id" />
 			</BaseControl>`,
 		},
 	],
@@ -58,7 +59,7 @@ ruleTester.run( 'no-base-control-with-label-without-id', rule, {
 			<BaseControl
 				label="ok"
 			>
-				<b>Child</b>
+				<input id="my-id" />
 			</BaseControl>`,
 			errors: [ { message: 'When using BaseControl component if a label property is passed an id property should also be passed.' } ],
 		},