fix(Label): add form-label class for labels of vertical forms (#2317)

https://getbootstrap.com/docs/5.0/migration/#forms
reactstrap · Oct 27, 2021 · 3bfce12 · 3bfce12
1 parent 52e898d
commit 3bfce12
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/Label.js b/src/Label.js
@@ -99,7 +99,7 @@ const Label = (props) => {
     check ? 'form-check-label' : false,
     size ? `col-form-label-${size}` : false,
     colClasses,
-    colClasses.length ? 'col-form-label' : false
+    colClasses.length ? 'col-form-label' : 'form-label'
   ), cssModule);
 
   return (

diff --git a/src/__tests__/Label.spec.js b/src/__tests__/Label.spec.js
@@ -27,10 +27,10 @@ describe('Label', () => {
     expect(wrapper.hasClass('col-form-label')).toBe(true);
   });
 
-  it('should not render with "col-form-label" class when a col is not provided', () => {
+  it('should render with "form-label" class when a col is not provided', () => {
     const wrapper = shallow(<Label>Yo!</Label>);
 
-    expect(wrapper.hasClass('col-form-label')).toBe(false);
+    expect(wrapper.hasClass('form-label')).toBe(true);
   });
 
   it('should pass col size specific classes as Strings', () => {