Docs: fix controlsStyle ordering (#3848)

* docs: fix controlsStyle ordering
TheWidlarzGroup · May 28, 2024 · d072aeb · d072aeb
1 parent c7f4d7b
commit d072aeb
Showing 1 changed file with 20 additions and 21 deletions.
diff --git a/docs/pages/component/props.mdx b/docs/pages/component/props.mdx
@@ -47,27 +47,6 @@ A Boolean value that indicates whether the player should automatically delay pla
 - **false** - Immediately starts playback
 - **true (default)** - Delays playback in order to minimize stalling
 
-### `controlsStyles`
-
-<PlatformsList types={['Android']} />
-
-Adjust the control styles. This prop is need only if `controls={true}` and is an object. See the list of prop supported below.
-
-| Property        | Type    | Description                                                                             |
-|-----------------|---------|-----------------------------------------------------------------------------------------|
-| hideSeekBar     | boolean | The default value is `false`, allowing you to hide the seek bar for live broadcasts.    |
-| seekIncrementMS | number  | The default value is `10000`. You can change the value to increment forward and rewind. |
-
-Example with default values:
-
-```javascript
-controlsStyles={{
-  hideSeekBar: false,
-  seekIncrementMS: 10000,
-}}
-```
-
-
 ### `bufferConfig`
 
 <PlatformsList types={['Android']} />
@@ -160,6 +139,26 @@ Note on iOS, controls are always shown when in fullscreen mode.
 Note on Android, native controls are available by default.
 If needed, you can also add your controls or use a package like [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls) or [react-native-media-console](https://github.com/criszz77/react-native-media-console), see [Useful Side Project](/projects).
 
+### `controlsStyles`
+
+<PlatformsList types={['Android']} />
+
+Adjust the control styles. This prop is need only if `controls={true}` and is an object. See the list of prop supported below.
+
+| Property        | Type    | Description                                                                             |
+|-----------------|---------|-----------------------------------------------------------------------------------------|
+| hideSeekBar     | boolean | The default value is `false`, allowing you to hide the seek bar for live broadcasts.    |
+| seekIncrementMS | number  | The default value is `10000`. You can change the value to increment forward and rewind. |
+
+Example with default values:
+
+```javascript
+controlsStyles={{
+  hideSeekBar: false,
+  seekIncrementMS: 10000,
+}}
+```
+
 ### `contentStartTime`
 
 <PlatformsList types={['Android']} />