prebuiltiOSupdates

docs/get-started/v2/get-started/prebuilt/quickstart.mdx

@@ -3,8 +3,7 @@ title: Quickstart
 nav: 2.1
 ---
 
-
-## Pre-requisites 
+## Prerequisites 
 <StepsContainer id="prerequisites">
 
 ### Set up a template
@@ -117,15 +116,14 @@ HMSPrebuilt uses [room code](/concepts/v2/concepts/rooms/room-codes/room-codes)
     - `userName` - prefills the user name on HMSPrebuilt preview screen
     - `userID` - use your user IDs to track user of your app
 
-Sample code snippet to embed Prebuilt component. Head over for a step by step guides for [React](/javascript/v2/quickstart/prebuilt-quickstart), [Flutter](/flutter/v2/quickstart/prebuilt), [React Native](/react-native/v2/quickstart/prebuilt), [Android](/android/v2/quickstart/prebuilt-android).
-
+Sample code snippet to embed Prebuilt component. Head over for a step by step guides for [React](/javascript/v2/quickstart/prebuilt-quickstart), [Android](/android/v2/quickstart/prebuilt-android), [iOS](https://www.100ms.live/docs/ios/v2/quickstart/prebuilt), [React Native](/react-native/v2/quickstart/prebuilt), [Flutter](/flutter/v2/quickstart/prebuilt).
 <Tabs
   id="sample-code"
-  items={["React", "Flutter", "React Native", "Android"]}
+  items={["React", "Android", "iOS", "Flutter", "React Native"]}
 />
 
 <Tab id='sample-code-0'>
-```jsx section=SampleCode tab=React
+```jsx section=SampleCode sectionIndex=0 tab=React
 
 // import HMSPrebuilt component from Roomkit package
 import { HMSPrebuilt } from '@100mslive/roomkit-react';
@@ -144,7 +142,39 @@ function App() {
 </Tab>
 
 <Tab id='sample-code-1'>
-```dart section=SampleCode tab=Flutter
+```kotlin section=SampleCode sectionIndex=1 tab=Android
+
+// add roomkit dependency in gradle file
+implementation "live.100ms:room-kit:$roomKitVersion"
+
+// import roomkit package
+import live.hms.roomkit.ui.HMSRoomKit
+
+// launch prebuilt from your activity or fragment
+HMSRoomKit.launchPrebuilt(roomCode = "<room-code>", context = Activity)
+
+```
+</Tab>
+
+<Tab id='sample-code-2'>
+```swift section=SampleCode sectionIndex=2 tab=iOS
+import SwiftUI
+import HMSRoomKit
+
+struct ContentView: View {
+    var body: some View {
+        HMSPrebuiltView(roomCode: /*pass room code as string here*/)
+    }
+}
+
+```
+</Tab>
+
+
+
+
+<Tab id='sample-code-3'>
+```dart section=SampleCode sectionIndex=3 tab=Flutter
 
 // import roomkit package
 import 'package:hms_room_kit/hms_room_kit.dart';
@@ -154,9 +184,11 @@ HMSPrebuilt(roomCode: "<room-code>");
 ```
 </Tab>
 
-<Tab id='sample-code-2'>
 
-```jsx section=SampleCode tab=React Native
+
+<Tab id='sample-code-4'>
+
+```jsx section=SampleCode  sectionIndex=4 tab=React Native
 // import roomkit package
 import { HMSPrebuilt } from "@100mslive/react-native-room-kit";
 
@@ -168,19 +200,6 @@ const ConferencingScreen = () => {
 
 </Tab>
 
-<Tab id='sample-code-3'>
-```kotlin section=SampleCode sectionIndex=2 tab=Android
-
-// add roomkit dependency in gradle file
-implementation "live.100ms:room-kit:$roomKitVersion"
-
-// import roomkit package
-import live.hms.roomkit.ui.HMSRoomKit
 
-// launch prebuilt from your activity or fragment
-HMSRoomKit.launchPrebuilt(roomCode = "<room-code>", context = Activity)
-
-```
-</Tab>
 
 </StepsContainer>

next-env.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="next" />
+/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited