isaacky
diff --git a/‎packages/coreui-react/src/components/form/CFormLabel.tsx
Copy file name to clipboardExpand all lines: packages/coreui-react/src/components/form/CFormLabel.tsx
+2-2Lines changed: 2 additions & 2 deletions b/‎packages/coreui-react/src/components/form/CFormLabel.tsx
Copy file name to clipboardExpand all lines: packages/coreui-react/src/components/form/CFormLabel.tsx
+2-2Lines changed: 2 additions & 2 deletions
diff --git a/‎packages/coreui-react/src/components/form/__tests__/CFormLabel.spec.tsx
Copy file name to clipboardExpand all lines: packages/coreui-react/src/components/form/__tests__/CFormLabel.spec.tsx
+8Lines changed: 8 additions & 0 deletions b/‎packages/coreui-react/src/components/form/__tests__/CFormLabel.spec.tsx
Copy file name to clipboardExpand all lines: packages/coreui-react/src/components/form/__tests__/CFormLabel.spec.tsx
+8Lines changed: 8 additions & 0 deletions
diff --git a/‎packages/coreui-react/src/components/form/__tests__/__snapshots__/CFormLabel.spec.tsx.snap
Copy file name to clipboardExpand all lines: packages/coreui-react/src/components/form/__tests__/__snapshots__/CFormLabel.spec.tsx.snap
+11Lines changed: 11 additions & 0 deletions b/‎packages/coreui-react/src/components/form/__tests__/__snapshots__/CFormLabel.spec.tsx.snap
Copy file name to clipboardExpand all lines: packages/coreui-react/src/components/form/__tests__/__snapshots__/CFormLabel.spec.tsx.snap
+11Lines changed: 11 additions & 0 deletions
@@ -1,8 +1,8 @@
-import React, { forwardRef, HTMLAttributes } from 'react'
+import React, { forwardRef, AllHTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-export interface CFormLabelProps extends HTMLAttributes<HTMLLabelElement> {
+export interface CFormLabelProps extends AllHTMLAttributes<HTMLLabelElement> {
   /**
    * A string of all className you want applied to the component.
    */
 
@@ -15,3 +15,11 @@ test('CFormLabel customize className', async () => {
   expect(container.firstChild).toHaveClass('form-label')
   expect(container.firstChild).toHaveTextContent('Test')
 })
+
+test('CFormLabel customize htmlFor', async () => {
+  const { container } = render(<CFormLabel htmlFor="bazinga">Test</CFormLabel>)
+  expect(container).toMatchSnapshot()
+  expect(container.firstChild).toHaveAttribute('for', 'bazinga')
+  expect(container.firstChild).toHaveClass('form-label')
+  expect(container.firstChild).toHaveTextContent('Test')
+})
@@ -10,6 +10,17 @@ exports[`CFormLabel customize className 1`] = `
 </div>
 `;
 
+exports[`CFormLabel customize htmlFor 1`] = `
+<div>
+  <label
+    class="form-label"
+    for="bazinga"
+  >
+    Test
+  </label>
+</div>
+`;
+
 exports[`loads and displays CFormLabel component 1`] = `
 <div>
   <label