Add Fabric Component Props under API and Separate Old/New Components Section

.spelling

@@ -118,4 +118,158 @@ WinAppSDK
 WinRT
 WinUI
 WinUI3
-Xcode
+Xcode
+uri
+blurRadius
+resized
+resizable
+ImageSource
+resize
+crossorigin
+src
+downscaled
+upscaled
+preload
+Prefetches
+prefetch
+urls
+url
+ImageLoadEvent
+http
+UTF-8
+base64
+requestId
+uppercased
+assistive
+performant
+TabItem
+TabsConstants
+viewability
+ScrollToIndex
+tradeoff
+VirtualizedList
+metadata
+ArrayLike
+zig-zag
+ViewabilityConfig
+minimumViewTime
+viewAreaCoveragePercentThreshold
+itemVisiblePercentThreshold
+waitForInteraction
+minimumViewTime
+viewport
+itemVisiblePercentThreshold
+ViewabilityConfigCallbackPair
+janky
+jank
+blurAndSubmit
+subviews
+checkbox
+params
+viewOffset
+viewPosition
+refreshcontrol
+ListView
+ScrollViews
+scrollview
+hidable
+scrollable
+onLayout
+superview
+Flexbox
+subtree
+subtrees
+Implementor
+AccessibilityRole
+AccessibilityState
+checkboxes
+wxyz
+yz
+abcd
+unsetting
+TextLayout
+capHeight
+xHeight
+TextLayoutEvent
+TextLayout
+configurability
+autocomplete
+autofill
+additional-name
+address-line1
+address-line2
+birthdate-day
+birthdate-full
+birthdate-month
+sms-otp
+postal-address-region
+address
+phoneNumber
+address
+calendarEvent
+ascii-capable
+phone-pad
+submit
+enable
+device
+keychain
+autochain
+autofilled
+textContentType
+addressCity
+addressCityAndState
+addressState
+birthdate
+birthdateDay
+birthdateMonth
+birthdateYear
+countryName
+creditCardExpiration
+creditCardExpirationMonth
+creditCardExpirationYear
+creditCardFamilyName
+creditCardGivenName
+creditCardMiddleName
+creditCardName
+creditCardNumber
+creditCardSecurityCode
+creditCardType
+emailAddress
+familyName
+fullStreetAddress
+givenName
+jobTitle
+location
+middleName
+name
+namePrefix
+nameSuffix
+newPassword
+nickname
+oneTimeCode
+organizationName
+password
+postalCode
+streetAddressLine1
+streetAddressLine2
+sublocality
+telephoneNumber
+URL
+username
+backgroundColor
+TouchableHighlight
+View.style
+BoxShadowValue
+ojects
+trackpad
+visionOS
+SwiftUI
+UIKit
+Guassian
+interperted
+grayscale
+DropShadowValue
+PressEvent
+checkboxes
+renderToHardwareTextureAndroid
+superviews

docs/activityindicator.md

@@ -0,0 +1,77 @@
+---
+id: activityindicator
+title: ActivityIndicator
+---
+
+Displays a circular loading indicator.
+
+## Example
+
+```SnackPlayer name=ActivityIndicator%20Example
+import React from 'react';
+import {ActivityIndicator, StyleSheet} from 'react-native';
+import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
+
+const App = () => (
+  <SafeAreaProvider>
+    <SafeAreaView style={[styles.container, styles.horizontal]}>
+      <ActivityIndicator />
+      <ActivityIndicator size="large" />
+      <ActivityIndicator size="small" color="#0000ff" />
+      <ActivityIndicator size="large" color="#00ff00" />
+    </SafeAreaView>
+  </SafeAreaProvider>
+);
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  horizontal: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    padding: 10,
+  },
+});
+
+export default App;
+```
+
+# Reference
+
+## Props
+
+### [View Props](view#props)
+
+Inherits [View Props](view#props).
+
+---
+
+### `animating`
+
+Whether to show the indicator (`true`) or hide it (`false`).
+
+| Type | Default |
+| ---- | ------- |
+| bool | `true`  |
+
+---
+
+### `color`
+
+The foreground color of the spinner.
+
+| Type            | Default                                                                                                                                                                                     |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [color]() | `null` (system accent default color) |
+
+---
+
+### `size`
+
+Size of the indicator.
+
+| Type                                                                           | Default   |
+| ------------------------------------------------------------------------------ | --------- |
+| enum(`'small'`, `'large'`)<hr/>number  | `'small'` |