docs: tsx for button

kirillzyusko · Feb 12, 2024 · 27251a4 · 27251a4
1 parent a842dc4
commit 27251a4
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/docs/docs/api/components/keyboard-toolbar/index.mdx b/docs/docs/api/components/keyboard-toolbar/index.mdx
@@ -43,22 +43,21 @@ import toolbar from "./toolbar.lottie.json";
 
 This property allows to render custom touchable component for next, previous and done button.
 
-```
+```tsx
 import { TouchableOpacity } from "react-native-gesture-handler";
-import { KeyboardToolbar, KeyboardToolbarProps } from "react-native-keyboard-controller";
+import {
+  KeyboardToolbar,
+  KeyboardToolbarProps,
+} from "react-native-keyboard-controller";
 
 const CustomButton: KeyboardToolbarProps["button"] = ({
   children,
   onPress,
-}) => (
-  <TouchableOpacity onPress={onPress}>
-    {children}
-  </TouchableOpacity>
-);
+}) => <TouchableOpacity onPress={onPress}>{children}</TouchableOpacity>;
 
 // ...
 
-<KeyboardToolbar button={CustomButton} />
+<KeyboardToolbar button={CustomButton} />;
 ```
 
 ### `content`