diff --git a/docs/blog/2022-09-22-fabric/index.md b/docs/blog/2022-09-22-fabric/index.md
index aa34bea82..7b7c6fbde 100644
--- a/docs/blog/2022-09-22-fabric/index.md
+++ b/docs/blog/2022-09-22-fabric/index.md
@@ -17,7 +17,7 @@ I'm glad to announce, that new upcoming release `1.2.0` brings a support for new
 
 Fortunately this library is backward compatible with old architecture and will be compiled conditionally depending on which architecture you are using. So don't be afraid of updating it to the latest version - it doesn't have any breaking changes!
 
-<div class="playwright">
+<div className="playwright">
   ![react native logo](./react-native.png#img-thumbnail)
 </div>
 
diff --git a/docs/docs/api/keyboard-controller-view.md b/docs/docs/api/keyboard-controller-view.md
index 659c2a356..92990556f 100644
--- a/docs/docs/api/keyboard-controller-view.md
+++ b/docs/docs/api/keyboard-controller-view.md
@@ -37,11 +37,11 @@ A callback function which is fired every time when user changes a text (types/de
 
 A callback function which is fired when user selects text in focused input.
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/docs/api/keyboard-controller.md b/docs/docs/api/keyboard-controller.md
index 3536e3c42..cdf6c9f61 100644
--- a/docs/docs/api/keyboard-controller.md
+++ b/docs/docs/api/keyboard-controller.md
@@ -20,7 +20,7 @@ The `KeyboardController` module in React Native provides a convenient set of met
 
 ## Methods
 
-### `setInputMode` <div class="label android"></div>
+### `setInputMode` <div className="label android"></div>
 
 This method is used to dynamically change the `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) during runtime in an Android application. It takes an argument that specifies the desired input mode. The example provided sets the input mode to `SOFT_INPUT_ADJUST_RESIZE`:
 
@@ -36,7 +36,7 @@ To understand the difference between `adjustResize`/`adjustPan`/`adjustNothing`
 A combination of `adjustResize` + `edge-to-edge` mode will result in behavior similar to `adjustNothing` - in this case window is not resized automatically and content is not moved along with the keyboard position. And it becomes a responsibility of developer to handle keyboard appearance (thus it'll match iOS behavior).
 :::
 
-### `setDefaultMode` <div class="label android"></div>
+### `setDefaultMode` <div className="label android"></div>
 
 This method is used to restore the default `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) declared in the `AndroidManifest.xml` (or `app.json` in Expo case). It resets the input mode to the default value:
 
diff --git a/docs/docs/api/keyboard-gesture-area.md b/docs/docs/api/keyboard-gesture-area.md
index 90269ff15..6c14e7f17 100644
--- a/docs/docs/api/keyboard-gesture-area.md
+++ b/docs/docs/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/docs/api/keyboard-provider.md b/docs/docs/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/docs/api/keyboard-provider.md
+++ b/docs/docs/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.0.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.0.0/api/keyboard-controller-view.md
index 3d1a51380..67ae429e4 100644
--- a/docs/versioned_docs/version-1.0.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.0.0/api/keyboard-controller-view.md
@@ -8,6 +8,6 @@ A plain react-native `View` with some additional methods and props. Used interna
 
 A callback function which is fired every time, when keyboard changes its position on the screen.
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
diff --git a/docs/versioned_docs/version-1.0.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.0.0/api/keyboard-provider.md
index 903a77af0..7302e5df7 100644
--- a/docs/versioned_docs/version-1.0.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.0.0/api/keyboard-provider.md
@@ -4,7 +4,7 @@
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.10.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.10.0/api/keyboard-controller-view.md
index 2d3b87c6f..282e2454c 100644
--- a/docs/versioned_docs/version-1.10.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.10.0/api/keyboard-controller-view.md
@@ -33,11 +33,11 @@ A callback function which is fired when layout of focused input gets changed.
 
 A callback function which is fired every time when user changes a text (types/deletes symbols).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.10.0/api/keyboard-controller.md b/docs/versioned_docs/version-1.10.0/api/keyboard-controller.md
index cb45715e4..a5d72b994 100644
--- a/docs/versioned_docs/version-1.10.0/api/keyboard-controller.md
+++ b/docs/versioned_docs/version-1.10.0/api/keyboard-controller.md
@@ -20,7 +20,7 @@ The `KeyboardController` module in React Native provides a convenient set of met
 
 ## Methods
 
-### `setInputMode` <div class="label android"></div>
+### `setInputMode` <div className="label android"></div>
 
 This method is used to dynamically change the `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) during runtime in an Android application. It takes an argument that specifies the desired input mode. The example provided sets the input mode to `SOFT_INPUT_ADJUST_RESIZE`:
 
@@ -36,7 +36,7 @@ To understand the difference between `adjustResize`/`adjustPan`/`adjustNothing`
 A combination of `adjustResize` + `edge-to-edge` mode will result in behavior similar to `adjustNothing` - in this case window is not resized automatically and content is not moved along with the keyboard position. And it becomes a responsibility of developer to handle keyboard appearance (thus it'll match iOS behavior).
 :::
 
-### `setDefaultMode` <div class="label android"></div>
+### `setDefaultMode` <div className="label android"></div>
 
 This method is used to restore the default `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) declared in the `AndroidManifest.xml` (or `app.json` in Expo case). It resets the input mode to the default value:
 
diff --git a/docs/versioned_docs/version-1.10.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.10.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.10.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.10.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.10.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.10.0/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/versioned_docs/version-1.10.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.10.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.11.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.11.0/api/keyboard-controller-view.md
index 2d3b87c6f..282e2454c 100644
--- a/docs/versioned_docs/version-1.11.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.11.0/api/keyboard-controller-view.md
@@ -33,11 +33,11 @@ A callback function which is fired when layout of focused input gets changed.
 
 A callback function which is fired every time when user changes a text (types/deletes symbols).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.11.0/api/keyboard-controller.md b/docs/versioned_docs/version-1.11.0/api/keyboard-controller.md
index 3536e3c42..cdf6c9f61 100644
--- a/docs/versioned_docs/version-1.11.0/api/keyboard-controller.md
+++ b/docs/versioned_docs/version-1.11.0/api/keyboard-controller.md
@@ -20,7 +20,7 @@ The `KeyboardController` module in React Native provides a convenient set of met
 
 ## Methods
 
-### `setInputMode` <div class="label android"></div>
+### `setInputMode` <div className="label android"></div>
 
 This method is used to dynamically change the `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) during runtime in an Android application. It takes an argument that specifies the desired input mode. The example provided sets the input mode to `SOFT_INPUT_ADJUST_RESIZE`:
 
@@ -36,7 +36,7 @@ To understand the difference between `adjustResize`/`adjustPan`/`adjustNothing`
 A combination of `adjustResize` + `edge-to-edge` mode will result in behavior similar to `adjustNothing` - in this case window is not resized automatically and content is not moved along with the keyboard position. And it becomes a responsibility of developer to handle keyboard appearance (thus it'll match iOS behavior).
 :::
 
-### `setDefaultMode` <div class="label android"></div>
+### `setDefaultMode` <div className="label android"></div>
 
 This method is used to restore the default `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) declared in the `AndroidManifest.xml` (or `app.json` in Expo case). It resets the input mode to the default value:
 
diff --git a/docs/versioned_docs/version-1.11.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.11.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.11.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.11.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.11.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.11.0/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/versioned_docs/version-1.11.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.11.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.12.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.12.0/api/keyboard-controller-view.md
index 659c2a356..92990556f 100644
--- a/docs/versioned_docs/version-1.12.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.12.0/api/keyboard-controller-view.md
@@ -37,11 +37,11 @@ A callback function which is fired every time when user changes a text (types/de
 
 A callback function which is fired when user selects text in focused input.
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.12.0/api/keyboard-controller.md b/docs/versioned_docs/version-1.12.0/api/keyboard-controller.md
index 3536e3c42..cdf6c9f61 100644
--- a/docs/versioned_docs/version-1.12.0/api/keyboard-controller.md
+++ b/docs/versioned_docs/version-1.12.0/api/keyboard-controller.md
@@ -20,7 +20,7 @@ The `KeyboardController` module in React Native provides a convenient set of met
 
 ## Methods
 
-### `setInputMode` <div class="label android"></div>
+### `setInputMode` <div className="label android"></div>
 
 This method is used to dynamically change the `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) during runtime in an Android application. It takes an argument that specifies the desired input mode. The example provided sets the input mode to `SOFT_INPUT_ADJUST_RESIZE`:
 
@@ -36,7 +36,7 @@ To understand the difference between `adjustResize`/`adjustPan`/`adjustNothing`
 A combination of `adjustResize` + `edge-to-edge` mode will result in behavior similar to `adjustNothing` - in this case window is not resized automatically and content is not moved along with the keyboard position. And it becomes a responsibility of developer to handle keyboard appearance (thus it'll match iOS behavior).
 :::
 
-### `setDefaultMode` <div class="label android"></div>
+### `setDefaultMode` <div className="label android"></div>
 
 This method is used to restore the default `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) declared in the `AndroidManifest.xml` (or `app.json` in Expo case). It resets the input mode to the default value:
 
diff --git a/docs/versioned_docs/version-1.12.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.12.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.12.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.12.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.12.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.12.0/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/versioned_docs/version-1.12.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.12.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.13.0/api/components/keyboard-sticky-view/index.mdx b/docs/versioned_docs/version-1.13.0/api/components/keyboard-sticky-view/index.mdx
index 7a231cc2f..6cd97ec23 100644
--- a/docs/versioned_docs/version-1.13.0/api/components/keyboard-sticky-view/index.mdx
+++ b/docs/versioned_docs/version-1.13.0/api/components/keyboard-sticky-view/index.mdx
@@ -23,10 +23,11 @@ Unlike [KeyboardAvoidingView](../keyboard-avoiding-view.mdx) the `KeyboardSticky
 import ksv from "./ksv.lottie.json";
 import kav from "@site/src/components/KeyboardAvoidingViewComparison/kav-animated.lottie.json";
 import ComparisonTable from "@site/src/components/ComparisonTable";
+import Lottie from "@site/src/components/Lottie";
 
 <ComparisonTable
-  leftLottie={ksv}
-  rightLottie={kav}
+  left={<Lottie src={ksv} />}
+  right={<Lottie src={kav} />}
   leftText={
     <i>
       <code>KeyboardStickyView</code> - only footer is moving (container is not
diff --git a/docs/versioned_docs/version-1.13.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.13.0/api/keyboard-controller-view.md
index 659c2a356..92990556f 100644
--- a/docs/versioned_docs/version-1.13.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.13.0/api/keyboard-controller-view.md
@@ -37,11 +37,11 @@ A callback function which is fired every time when user changes a text (types/de
 
 A callback function which is fired when user selects text in focused input.
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.13.0/api/keyboard-controller.md b/docs/versioned_docs/version-1.13.0/api/keyboard-controller.md
index 3536e3c42..cdf6c9f61 100644
--- a/docs/versioned_docs/version-1.13.0/api/keyboard-controller.md
+++ b/docs/versioned_docs/version-1.13.0/api/keyboard-controller.md
@@ -20,7 +20,7 @@ The `KeyboardController` module in React Native provides a convenient set of met
 
 ## Methods
 
-### `setInputMode` <div class="label android"></div>
+### `setInputMode` <div className="label android"></div>
 
 This method is used to dynamically change the `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) during runtime in an Android application. It takes an argument that specifies the desired input mode. The example provided sets the input mode to `SOFT_INPUT_ADJUST_RESIZE`:
 
@@ -36,7 +36,7 @@ To understand the difference between `adjustResize`/`adjustPan`/`adjustNothing`
 A combination of `adjustResize` + `edge-to-edge` mode will result in behavior similar to `adjustNothing` - in this case window is not resized automatically and content is not moved along with the keyboard position. And it becomes a responsibility of developer to handle keyboard appearance (thus it'll match iOS behavior).
 :::
 
-### `setDefaultMode` <div class="label android"></div>
+### `setDefaultMode` <div className="label android"></div>
 
 This method is used to restore the default `windowSoftInputMode` (`softwareKeyboardLayoutMode` in Expo terminology) declared in the `AndroidManifest.xml` (or `app.json` in Expo case). It resets the input mode to the default value:
 
diff --git a/docs/versioned_docs/version-1.13.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.13.0/api/keyboard-gesture-area.md
index 90269ff15..6c14e7f17 100644
--- a/docs/versioned_docs/version-1.13.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.13.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.13.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.13.0/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/versioned_docs/version-1.13.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.13.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.4.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.4.0/api/keyboard-controller-view.md
index d4badcce6..ab0b0d043 100644
--- a/docs/versioned_docs/version-1.4.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.4.0/api/keyboard-controller-view.md
@@ -16,10 +16,10 @@ A callback function which is fired every time, when keyboard changes its positio
 
 A callback function which is fired when keyboard finished a transition from one to another state (from closed to open, for example).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
diff --git a/docs/versioned_docs/version-1.4.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.4.0/api/keyboard-provider.md
index 571d7b089..462cf98c1 100644
--- a/docs/versioned_docs/version-1.4.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.4.0/api/keyboard-provider.md
@@ -4,7 +4,7 @@
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -12,7 +12,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.5.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.5.0/api/keyboard-controller-view.md
index 2bba762f0..5812ffc4f 100644
--- a/docs/versioned_docs/version-1.5.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.5.0/api/keyboard-controller-view.md
@@ -25,10 +25,10 @@ A callback function which is fired every time, when user drags keyboard.
 
 A callback function which is fired when keyboard finished a transition from one to another state (from closed to open, for example).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
diff --git a/docs/versioned_docs/version-1.5.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.5.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.5.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.5.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.5.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.5.0/api/keyboard-provider.md
index 4ad5a5538..2bc495c85 100644
--- a/docs/versioned_docs/version-1.5.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.5.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.6.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.6.0/api/keyboard-controller-view.md
index 2bba762f0..5812ffc4f 100644
--- a/docs/versioned_docs/version-1.6.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.6.0/api/keyboard-controller-view.md
@@ -25,10 +25,10 @@ A callback function which is fired every time, when user drags keyboard.
 
 A callback function which is fired when keyboard finished a transition from one to another state (from closed to open, for example).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
diff --git a/docs/versioned_docs/version-1.6.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.6.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.6.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.6.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.6.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.6.0/api/keyboard-provider.md
index 4ad5a5538..2bc495c85 100644
--- a/docs/versioned_docs/version-1.6.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.6.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.7.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.7.0/api/keyboard-controller-view.md
index 2bba762f0..5812ffc4f 100644
--- a/docs/versioned_docs/version-1.7.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.7.0/api/keyboard-controller-view.md
@@ -25,10 +25,10 @@ A callback function which is fired every time, when user drags keyboard.
 
 A callback function which is fired when keyboard finished a transition from one to another state (from closed to open, for example).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
diff --git a/docs/versioned_docs/version-1.7.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.7.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.7.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.7.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.7.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.7.0/api/keyboard-provider.md
index 4ad5a5538..2bc495c85 100644
--- a/docs/versioned_docs/version-1.7.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.7.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.8.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.8.0/api/keyboard-controller-view.md
index f92900dc7..f12ded6c3 100644
--- a/docs/versioned_docs/version-1.8.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.8.0/api/keyboard-controller-view.md
@@ -25,11 +25,11 @@ A callback function which is fired every time, when user drags keyboard.
 
 A callback function which is fired when keyboard finished a transition from one to another state (from closed to open, for example).
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.8.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.8.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.8.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.8.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.8.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.8.0/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/versioned_docs/version-1.8.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.8.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.9.0/api/keyboard-controller-view.md b/docs/versioned_docs/version-1.9.0/api/keyboard-controller-view.md
index 6f2cc4e0c..7112d0627 100644
--- a/docs/versioned_docs/version-1.9.0/api/keyboard-controller-view.md
+++ b/docs/versioned_docs/version-1.9.0/api/keyboard-controller-view.md
@@ -29,11 +29,11 @@ A callback function which is fired when keyboard finished a transition from one
 
 A callback function which is fired when layout of focused input gets changed.
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.
 
diff --git a/docs/versioned_docs/version-1.9.0/api/keyboard-gesture-area.md b/docs/versioned_docs/version-1.9.0/api/keyboard-gesture-area.md
index 7b1d07195..1d0bea822 100644
--- a/docs/versioned_docs/version-1.9.0/api/keyboard-gesture-area.md
+++ b/docs/versioned_docs/version-1.9.0/api/keyboard-gesture-area.md
@@ -13,7 +13,7 @@ keywords:
 <!-- prettier-ignore-start -->
 <!-- we explicitly specify title and h1 because we add badge to h1 and we don't want this element to go to table of contents -->
 <!-- markdownlint-disable-next-line MD025 -->
-# KeyboardGestureArea <div class="label android"></div>
+# KeyboardGestureArea <div className="label android"></div>
 <!-- prettier-ignore-end -->
 
 `KeyboardGestureArea` allows you to define a region on the screen, where gestures will control the keyboard position.
diff --git a/docs/versioned_docs/version-1.9.0/api/keyboard-provider.md b/docs/versioned_docs/version-1.9.0/api/keyboard-provider.md
index af9a72cc1..8679acf1e 100644
--- a/docs/versioned_docs/version-1.9.0/api/keyboard-provider.md
+++ b/docs/versioned_docs/version-1.9.0/api/keyboard-provider.md
@@ -9,7 +9,7 @@ keywords: [react-native-keyboard-controller, KeyboardProvider]
 
 ## Props
 
-### `statusBarTranslucent` <div class="label android"></div>
+### `statusBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether `StatusBar` should be translucent on `Android` or not.
 
@@ -17,7 +17,7 @@ A boolean prop to indicate whether `StatusBar` should be translucent on `Android
 By default this library stretches to full screen (`edge-to-edge` mode) and status bar becomes translucent. But the library tries to use standard RN app behavior and automatically applies padding from top to look like a standard RN app. If you use `translucent` prop for `StatusBar` component - it will not work anymore. You'll need to specify it on provider level. For more info [see](https://github.com/kirillzyusko/react-native-keyboard-controller/pull/30) this PR.
 :::
 
-### `navigationBarTranslucent` <div class="label android"></div>
+### `navigationBarTranslucent` <div className="label android"></div>
 
 A boolean prop to indicate whether [NavigationBar](https://m2.material.io/design/platform-guidance/android-bars.html#android-navigation-bar) should be translucent on `Android` or not.