From 51f1dfbfe75b379dd15ec6d3e74a6398369b498a Mon Sep 17 00:00:00 2001
From: Amir Angel <36531255+17Amir17@users.noreply.github.com>
Date: Wed, 20 Mar 2024 10:12:12 +0200
Subject: [PATCH] fix: update docs

---
 README.md             | 14 ++++++++++++--
 website/docs/intro.md | 12 +++++++++++-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index a4527da..4b0e417 100644
--- a/README.md
+++ b/README.md
@@ -41,7 +41,7 @@ After years of developing rich text editors for mobile, we realized that there i
 ## Expo
 
 `npx expo install @10play/tentap-editor react-native-webview`  
-Only basic usage without custom keyboard is supported by Expo Go (see [basic example](../examples/basic.md)).  
+Only basic usage without custom keyboard is supported by Expo Go (see [basic example](https://10play.github.io/10tap-editor/docs/examples/basic)).  
 Otherwise you will need to setup [Expo Dev Client](https://docs.expo.dev/develop/development-builds/introduction/).
 
 Now you ready to add tentap to your app!
@@ -53,12 +53,22 @@ export const Basic = () => {
   const editor = useEditorBridge({
     autofocus: true,
     avoidIosKeyboard: true,
-    initialContent,
+    initialContent: 'Start editing!',
   });
 
   return (
     <SafeAreaView style={{ flex: 1 }}>
       <RichText editor={editor} />
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        style={{
+          position: 'absolute',
+          width: '100%',
+          bottom: 0,
+        }}
+      >
+        <Toolbar editor={editor} />
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 };
diff --git a/website/docs/intro.md b/website/docs/intro.md
index 3f10ab9..eb98b5c 100644
--- a/website/docs/intro.md
+++ b/website/docs/intro.md
@@ -58,12 +58,22 @@ export const Basic = () => {
   const editor = useEditorBridge({
     autofocus: true,
     avoidIosKeyboard: true,
-    initialContent,
+    initialContent: 'Start editing!',
   });
 
   return (
     <SafeAreaView style={{ flex: 1 }}>
       <RichText editor={editor} />
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        style={{
+          position: 'absolute',
+          width: '100%',
+          bottom: 0,
+        }}
+      >
+        <Toolbar editor={editor} />
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 };