diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 53c64b7017..d7145b87b3 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -297,7 +297,6 @@ const Button = ({
     >
       <TouchableRipple
         borderless
-        delayPressIn={0}
         onPress={onPress}
         onLongPress={onLongPress}
         onPressIn={handlePressIn}
diff --git a/src/components/Chip/Chip.tsx b/src/components/Chip/Chip.tsx
index 326367aee0..d0b3d3d0bd 100644
--- a/src/components/Chip/Chip.tsx
+++ b/src/components/Chip/Chip.tsx
@@ -256,7 +256,6 @@ const Chip = ({
     >
       <TouchableRipple
         borderless
-        delayPressIn={0}
         style={[{ borderRadius }, styles.touchable]}
         onPress={onPress}
         onLongPress={onLongPress}
diff --git a/src/components/Drawer/DrawerItem.tsx b/src/components/Drawer/DrawerItem.tsx
index 68cb0828b0..4e7713549a 100644
--- a/src/components/Drawer/DrawerItem.tsx
+++ b/src/components/Drawer/DrawerItem.tsx
@@ -106,7 +106,6 @@ const DrawerItem = ({
     <View {...rest}>
       <TouchableRipple
         borderless
-        delayPressIn={0}
         onPress={onPress}
         style={[
           styles.container,
diff --git a/src/components/List/ListAccordion.tsx b/src/components/List/ListAccordion.tsx
index 38733f1e23..f59a1000fc 100644
--- a/src/components/List/ListAccordion.tsx
+++ b/src/components/List/ListAccordion.tsx
@@ -202,7 +202,6 @@ const ListAccordion = ({
           accessibilityState={{ expanded: isExpanded }}
           accessibilityLabel={accessibilityLabel}
           testID={testID}
-          delayPressIn={0}
           borderless
         >
           <View style={styles.row} pointerEvents="none">
diff --git a/src/components/SegmentedButtons/SegmentedButtonItem.tsx b/src/components/SegmentedButtons/SegmentedButtonItem.tsx
index 49bbb7dd0f..dcac15cf06 100644
--- a/src/components/SegmentedButtons/SegmentedButtonItem.tsx
+++ b/src/components/SegmentedButtons/SegmentedButtonItem.tsx
@@ -161,7 +161,6 @@ const SegmentedButtonItem = ({
     <View style={[buttonStyle, styles.button, style]}>
       <TouchableRipple
         borderless
-        delayPressIn={0}
         onPress={onPress}
         accessibilityLabel={accessibilityLabel}
         accessibilityState={{ disabled, checked }}
diff --git a/src/components/TouchableRipple/TouchableRipple.native.tsx b/src/components/TouchableRipple/TouchableRipple.native.tsx
index b0e193cfaf..d49b083614 100644
--- a/src/components/TouchableRipple/TouchableRipple.native.tsx
+++ b/src/components/TouchableRipple/TouchableRipple.native.tsx
@@ -1,14 +1,12 @@
 import * as React from 'react';
 import {
-  BackgroundPropType,
+  PressableAndroidRippleConfig,
   StyleProp,
   Platform,
-  TouchableHighlight,
-  TouchableNativeFeedback,
-  TouchableWithoutFeedback,
-  View,
   ViewStyle,
   StyleSheet,
+  Pressable,
+  GestureResponderEvent,
 } from 'react-native';
 
 import { withTheme } from '../../core/theming';
@@ -18,9 +16,9 @@ import { getTouchableRippleColors } from './utils';
 const ANDROID_VERSION_LOLLIPOP = 21;
 const ANDROID_VERSION_PIE = 28;
 
-type Props = React.ComponentProps<typeof TouchableWithoutFeedback> & {
+type Props = React.ComponentProps<typeof Pressable> & {
   borderless?: boolean;
-  background?: BackgroundPropType;
+  background?: PressableAndroidRippleConfig;
   disabled?: boolean;
   onPress?: () => void | null;
   rippleColor?: string;
@@ -41,6 +39,8 @@ const TouchableRipple = ({
   theme,
   ...rest
 }: Props) => {
+  const [showUnderlay, setShowUnderlay] = React.useState<boolean>(false);
+
   const disabled = disabledProp || !rest.onPress;
   const { calculatedRippleColor, calculatedUnderlayColor } =
     getTouchableRippleColors({
@@ -56,34 +56,51 @@ const TouchableRipple = ({
     Platform.Version >= ANDROID_VERSION_PIE &&
     borderless;
 
+  const handlePressIn = (e: GestureResponderEvent) => {
+    setShowUnderlay(true);
+    rest.onPressIn?.(e);
+  };
+
+  const handlePressOut = (e: GestureResponderEvent) => {
+    setShowUnderlay(false);
+    rest.onPressOut?.(e);
+  };
+
   if (TouchableRipple.supported) {
     return (
-      <TouchableNativeFeedback
+      <Pressable
         {...rest}
         disabled={disabled}
-        useForeground={useForeground}
-        background={
+        style={[borderless && styles.overflowHidden, style]}
+        android_ripple={
           background != null
             ? background
-            : TouchableNativeFeedback.Ripple(calculatedRippleColor, borderless)
+            : {
+                color: calculatedRippleColor,
+                borderless,
+                foreground: useForeground,
+              }
         }
       >
-        <View style={[borderless && styles.overflowHidden, style]}>
-          {React.Children.only(children)}
-        </View>
-      </TouchableNativeFeedback>
+        {React.Children.only(children)}
+      </Pressable>
     );
   }
 
   return (
-    <TouchableHighlight
+    <Pressable
       {...rest}
       disabled={disabled}
-      style={[borderless && styles.overflowHidden, style]}
-      underlayColor={calculatedUnderlayColor}
+      style={[
+        borderless && styles.overflowHidden,
+        showUnderlay && { backgroundColor: calculatedUnderlayColor },
+        style,
+      ]}
+      onPressIn={handlePressIn}
+      onPressOut={handlePressOut}
     >
       {React.Children.only(children)}
-    </TouchableHighlight>
+    </Pressable>
   );
 };
 
diff --git a/src/components/TouchableRipple/TouchableRipple.tsx b/src/components/TouchableRipple/TouchableRipple.tsx
index b7cf4f07a0..52b0eac94f 100644
--- a/src/components/TouchableRipple/TouchableRipple.tsx
+++ b/src/components/TouchableRipple/TouchableRipple.tsx
@@ -1,28 +1,25 @@
 import * as React from 'react';
 import {
-  TouchableWithoutFeedback,
-  View,
   ViewStyle,
   StyleSheet,
   StyleProp,
   GestureResponderEvent,
   Platform,
+  Pressable,
 } from 'react-native';
 
 import { withTheme } from '../../core/theming';
 import type { Theme } from '../../types';
 import { getTouchableRippleColors } from './utils';
 
-export type Props = React.ComponentPropsWithRef<
-  typeof TouchableWithoutFeedback
-> & {
+export type Props = React.ComponentPropsWithRef<typeof Pressable> & {
   /**
    * Whether to render the ripple outside the view bounds.
    */
   borderless?: boolean;
   /**
    * Type of background drawabale to display the feedback (Android).
-   * https://reactnative.dev/docs/touchablenativefeedback#background
+   * https://reactnative.dev/docs/pressable#rippleconfig
    */
   background?: Object;
   /**
@@ -89,7 +86,7 @@ export type Props = React.ComponentPropsWithRef<
  * export default MyComponent;
  * ```
  *
- * @extends TouchableWithoutFeedback props https://reactnative.dev/docs/touchablewithoutfeedback#props
+ * @extends Pressable props https://reactnative.dev/docs/Pressable#props
  */
 const TouchableRipple = ({
   style,
@@ -233,16 +230,15 @@ const TouchableRipple = ({
   const disabled = disabledProp || !rest.onPress;
 
   return (
-    <TouchableWithoutFeedback
+    <Pressable
       {...rest}
       onPressIn={handlePressIn}
       onPressOut={handlePressOut}
       disabled={disabled}
+      style={[styles.touchable, borderless && styles.borderless, style]}
     >
-      <View style={[styles.touchable, borderless && styles.borderless, style]}>
-        {React.Children.only(children)}
-      </View>
-    </TouchableWithoutFeedback>
+      {React.Children.only(children)}
+    </Pressable>
   );
 };
 
diff --git a/src/components/__tests__/Appbar/__snapshots__/Appbar.test.js.snap b/src/components/__tests__/Appbar/__snapshots__/Appbar.test.js.snap
index ee6deacf47..bb0677717d 100644
--- a/src/components/__tests__/Appbar/__snapshots__/Appbar.test.js.snap
+++ b/src/components/__tests__/Appbar/__snapshots__/Appbar.test.js.snap
@@ -147,6 +147,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                   }
                 >
                   <View
+                    accessibilityComponentType="button"
                     accessibilityLabel="search"
                     accessibilityRole="button"
                     accessibilityState={
@@ -154,8 +155,11 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                         "disabled": true,
                       }
                     }
+                    accessibilityTraits="button"
                     accessible={true}
-                    focusable={false}
+                    centered={true}
+                    collapsable={false}
+                    focusable={true}
                     hitSlop={
                       Object {
                         "bottom": 6,
@@ -164,7 +168,9 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                         "top": 6,
                       }
                     }
+                    onBlur={[Function]}
                     onClick={[Function]}
+                    onFocus={[Function]}
                     onResponderGrant={[Function]}
                     onResponderMove={[Function]}
                     onResponderRelease={[Function]}
@@ -176,6 +182,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                         Object {
                           "overflow": "hidden",
                         },
+                        false,
                         Object {
                           "alignItems": "center",
                           "flexGrow": 1,
@@ -288,6 +295,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                     }
                   >
                     <View
+                      accessibilityComponentType="button"
                       accessibilityLabel="clear"
                       accessibilityRole="button"
                       accessibilityState={
@@ -295,7 +303,10 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                           "disabled": false,
                         }
                       }
+                      accessibilityTraits="button"
                       accessible={true}
+                      centered={true}
+                      collapsable={false}
                       focusable={true}
                       hitSlop={
                         Object {
@@ -305,7 +316,9 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                           "top": 6,
                         }
                       }
+                      onBlur={[Function]}
                       onClick={[Function]}
+                      onFocus={[Function]}
                       onResponderGrant={[Function]}
                       onResponderMove={[Function]}
                       onResponderRelease={[Function]}
@@ -317,6 +330,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
                           Object {
                             "overflow": "hidden",
                           },
+                          false,
                           Object {
                             "alignItems": "center",
                             "flexGrow": 1,
@@ -459,6 +473,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
             }
           >
             <View
+              accessibilityComponentType="button"
               accessibilityLabel="Back"
               accessibilityRole="button"
               accessibilityState={
@@ -466,7 +481,10 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
                   "disabled": false,
                 }
               }
+              accessibilityTraits="button"
               accessible={true}
+              centered={true}
+              collapsable={false}
               focusable={true}
               hitSlop={
                 Object {
@@ -476,7 +494,9 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
                   "top": 6,
                 }
               }
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -488,6 +508,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "alignItems": "center",
                     "flexGrow": 1,
@@ -697,13 +718,17 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
             }
           >
             <View
+              accessibilityComponentType="button"
               accessibilityRole="button"
               accessibilityState={
                 Object {
                   "disabled": false,
                 }
               }
+              accessibilityTraits="button"
               accessible={true}
+              centered={true}
+              collapsable={false}
               focusable={true}
               hitSlop={
                 Object {
@@ -713,7 +738,9 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
                   "top": 6,
                 }
               }
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -725,6 +752,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "alignItems": "center",
                     "flexGrow": 1,
diff --git a/src/components/__tests__/Checkbox/__snapshots__/Checkbox.test.js.snap b/src/components/__tests__/Checkbox/__snapshots__/Checkbox.test.js.snap
index c8cf784374..adecad5ace 100644
--- a/src/components/__tests__/Checkbox/__snapshots__/Checkbox.test.js.snap
+++ b/src/components/__tests__/Checkbox/__snapshots__/Checkbox.test.js.snap
@@ -11,8 +11,11 @@ exports[`renders Checkbox with custom testID 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -24,6 +27,7 @@ exports[`renders Checkbox with custom testID 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -74,8 +78,12 @@ exports[`renders checked Checkbox with color 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  color="red"
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -87,6 +95,7 @@ exports[`renders checked Checkbox with color 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -136,8 +145,11 @@ exports[`renders checked Checkbox with onPress 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -149,6 +161,7 @@ exports[`renders checked Checkbox with onPress 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -198,8 +211,11 @@ exports[`renders indeterminate Checkbox 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -211,6 +227,7 @@ exports[`renders indeterminate Checkbox 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -260,8 +277,12 @@ exports[`renders indeterminate Checkbox with color 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  color="red"
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -273,6 +294,7 @@ exports[`renders indeterminate Checkbox with color 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -322,8 +344,12 @@ exports[`renders unchecked Checkbox with color 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  color="red"
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -335,6 +361,7 @@ exports[`renders unchecked Checkbox with color 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -384,8 +411,11 @@ exports[`renders unchecked Checkbox with onPress 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -397,6 +427,7 @@ exports[`renders unchecked Checkbox with onPress 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
diff --git a/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.js.snap b/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.js.snap
index f86f0639ab..c5ff202b7b 100644
--- a/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.js.snap
+++ b/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.js.snap
@@ -11,8 +11,11 @@ exports[`can render leading checkbox control 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -21,6 +24,7 @@ exports[`can render leading checkbox control 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -52,8 +56,11 @@ exports[`can render leading checkbox control 1`] = `
         }
       }
       accessible={true}
-      focusable={false}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -65,6 +72,7 @@ exports[`can render leading checkbox control 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "padding": 6,
@@ -150,8 +158,11 @@ exports[`can render the Android checkbox on different platforms 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -160,6 +171,7 @@ exports[`can render the Android checkbox on different platforms 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -225,8 +237,11 @@ exports[`can render the Android checkbox on different platforms 1`] = `
         }
       }
       accessible={true}
-      focusable={false}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -238,6 +253,7 @@ exports[`can render the Android checkbox on different platforms 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "height": 36,
@@ -325,8 +341,11 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -335,6 +354,7 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -400,8 +420,11 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
         }
       }
       accessible={true}
-      focusable={false}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -413,6 +436,7 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "padding": 6,
@@ -464,8 +488,11 @@ exports[`renders unchecked 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -474,6 +501,7 @@ exports[`renders unchecked 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -539,8 +567,11 @@ exports[`renders unchecked 1`] = `
         }
       }
       accessible={true}
-      focusable={false}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -552,6 +583,7 @@ exports[`renders unchecked 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "padding": 6,
diff --git a/src/components/__tests__/RadioButton/__snapshots__/RadioButton.test.js.snap b/src/components/__tests__/RadioButton/__snapshots__/RadioButton.test.js.snap
index 25a79dc3a9..8beb261280 100644
--- a/src/components/__tests__/RadioButton/__snapshots__/RadioButton.test.js.snap
+++ b/src/components/__tests__/RadioButton/__snapshots__/RadioButton.test.js.snap
@@ -11,8 +11,11 @@ exports[`RadioButton RadioButton with custom testID renders properly 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -24,6 +27,7 @@ exports[`RadioButton RadioButton with custom testID renders properly 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -74,8 +78,11 @@ exports[`RadioButton on default platform renders properly 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -87,6 +94,7 @@ exports[`RadioButton on default platform renders properly 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -136,8 +144,11 @@ exports[`RadioButton on ios platform renders properly 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -149,6 +160,7 @@ exports[`RadioButton on ios platform renders properly 1`] = `
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
@@ -198,8 +210,11 @@ exports[`RadioButton when RadioButton is wrapped by RadioButtonContext.Provider
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -211,6 +226,7 @@ exports[`RadioButton when RadioButton is wrapped by RadioButtonContext.Provider
       Object {
         "overflow": "hidden",
       },
+      false,
       Object {
         "borderRadius": 18,
         "padding": 6,
diff --git a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonGroup.test.js.snap b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonGroup.test.js.snap
index 809305d09b..dbfe42f1af 100644
--- a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonGroup.test.js.snap
+++ b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonGroup.test.js.snap
@@ -14,8 +14,11 @@ exports[`RadioButtonGroup renders properly 1`] = `
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -27,6 +30,7 @@ exports[`RadioButtonGroup renders properly 1`] = `
         Object {
           "overflow": "hidden",
         },
+        false,
         Object {
           "borderRadius": 18,
           "padding": 6,
diff --git a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.js.snap b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.js.snap
index 63e40913f1..42de6f577b 100644
--- a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.js.snap
+++ b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.js.snap
@@ -11,8 +11,11 @@ exports[`can render leading radio button control 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -21,6 +24,7 @@ exports[`can render leading radio button control 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -51,8 +55,11 @@ exports[`can render leading radio button control 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -64,6 +71,7 @@ exports[`can render leading radio button control 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "padding": 6,
@@ -149,8 +157,11 @@ exports[`can render the Android radio button on different platforms 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -159,6 +170,7 @@ exports[`can render the Android radio button on different platforms 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -223,8 +235,11 @@ exports[`can render the Android radio button on different platforms 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -236,6 +251,7 @@ exports[`can render the Android radio button on different platforms 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
           },
@@ -271,8 +287,11 @@ exports[`can render the iOS radio button on different platforms 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -281,6 +300,7 @@ exports[`can render the iOS radio button on different platforms 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -345,8 +365,11 @@ exports[`can render the iOS radio button on different platforms 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -358,6 +381,7 @@ exports[`can render the iOS radio button on different platforms 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "padding": 6,
@@ -409,8 +433,11 @@ exports[`renders unchecked 1`] = `
     }
   }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -419,6 +446,7 @@ exports[`renders unchecked 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       undefined,
     ]
@@ -483,8 +511,11 @@ exports[`renders unchecked 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -496,6 +527,7 @@ exports[`renders unchecked 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderRadius": 18,
             "padding": 6,
diff --git a/src/components/__tests__/__snapshots__/AnimatedFAB.test.js.snap b/src/components/__tests__/__snapshots__/AnimatedFAB.test.js.snap
index 9e221479ca..bf0ef99404 100644
--- a/src/components/__tests__/__snapshots__/AnimatedFAB.test.js.snap
+++ b/src/components/__tests__/__snapshots__/AnimatedFAB.test.js.snap
@@ -152,8 +152,11 @@ exports[`renders animated fab 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -165,6 +168,7 @@ exports[`renders animated fab 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "borderRadius": 16,
                   },
@@ -418,8 +422,11 @@ exports[`renders animated fab with label on the left 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -431,6 +438,7 @@ exports[`renders animated fab with label on the left 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "borderRadius": 16,
                   },
@@ -686,8 +694,11 @@ exports[`renders animated fab with label on the right by default 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -699,6 +710,7 @@ exports[`renders animated fab with label on the right by default 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "borderRadius": 16,
                   },
diff --git a/src/components/__tests__/__snapshots__/Banner.test.js.snap b/src/components/__tests__/__snapshots__/Banner.test.js.snap
index 3af9866c25..a80c538074 100644
--- a/src/components/__tests__/__snapshots__/Banner.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Banner.test.js.snap
@@ -174,8 +174,11 @@ exports[`render visible banner, with custom theme 1`] = `
                       }
                     }
                     accessible={true}
+                    collapsable={false}
                     focusable={true}
+                    onBlur={[Function]}
                     onClick={[Function]}
+                    onFocus={[Function]}
                     onResponderGrant={[Function]}
                     onResponderMove={[Function]}
                     onResponderRelease={[Function]}
@@ -187,6 +190,7 @@ exports[`render visible banner, with custom theme 1`] = `
                         Object {
                           "overflow": "hidden",
                         },
+                        false,
                         Object {
                           "borderRadius": 20,
                         },
@@ -578,8 +582,11 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
                       }
                     }
                     accessible={true}
+                    collapsable={false}
                     focusable={true}
+                    onBlur={[Function]}
                     onClick={[Function]}
+                    onFocus={[Function]}
                     onResponderGrant={[Function]}
                     onResponderMove={[Function]}
                     onResponderRelease={[Function]}
@@ -591,6 +598,7 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
                         Object {
                           "overflow": "hidden",
                         },
+                        false,
                         Object {
                           "borderRadius": 20,
                         },
@@ -844,8 +852,11 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                       }
                     }
                     accessible={true}
+                    collapsable={false}
                     focusable={true}
+                    onBlur={[Function]}
                     onClick={[Function]}
+                    onFocus={[Function]}
                     onResponderGrant={[Function]}
                     onResponderMove={[Function]}
                     onResponderRelease={[Function]}
@@ -857,6 +868,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                         Object {
                           "overflow": "hidden",
                         },
+                        false,
                         Object {
                           "borderRadius": 20,
                         },
@@ -984,8 +996,11 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                       }
                     }
                     accessible={true}
+                    collapsable={false}
                     focusable={true}
+                    onBlur={[Function]}
                     onClick={[Function]}
+                    onFocus={[Function]}
                     onResponderGrant={[Function]}
                     onResponderMove={[Function]}
                     onResponderRelease={[Function]}
@@ -997,6 +1012,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                         Object {
                           "overflow": "hidden",
                         },
+                        false,
                         Object {
                           "borderRadius": 20,
                         },
diff --git a/src/components/__tests__/__snapshots__/Button.test.js.snap b/src/components/__tests__/__snapshots__/Button.test.js.snap
index 15a8f810e2..420dadcda1 100644
--- a/src/components/__tests__/__snapshots__/Button.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Button.test.js.snap
@@ -57,8 +57,11 @@ exports[`renders button with an accessibility hint 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -70,6 +73,7 @@ exports[`renders button with an accessibility hint 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -198,8 +202,11 @@ exports[`renders button with an accessibility label 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -211,6 +218,7 @@ exports[`renders button with an accessibility label 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -338,8 +346,11 @@ exports[`renders button with button color 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -351,6 +362,7 @@ exports[`renders button with button color 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -478,8 +490,11 @@ exports[`renders button with color 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -491,6 +506,7 @@ exports[`renders button with color 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -618,8 +634,11 @@ exports[`renders button with custom testID 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -631,6 +650,7 @@ exports[`renders button with custom testID 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -759,8 +779,11 @@ exports[`renders button with icon 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -772,6 +795,7 @@ exports[`renders button with icon 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -937,8 +961,11 @@ exports[`renders button with icon in reverse order 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -950,6 +977,7 @@ exports[`renders button with icon in reverse order 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -1117,8 +1145,11 @@ exports[`renders contained contained with mode 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1130,6 +1161,7 @@ exports[`renders contained contained with mode 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -1258,8 +1290,11 @@ exports[`renders disabled button 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1271,6 +1306,7 @@ exports[`renders disabled button 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -1398,8 +1434,11 @@ exports[`renders loading button 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1411,6 +1450,7 @@ exports[`renders loading button 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -1746,8 +1786,11 @@ exports[`renders outlined button with mode 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1759,6 +1802,7 @@ exports[`renders outlined button with mode 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -1887,8 +1931,11 @@ exports[`renders text button by default 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1900,6 +1947,7 @@ exports[`renders text button by default 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
@@ -2027,8 +2075,11 @@ exports[`renders text button with mode 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -2040,6 +2091,7 @@ exports[`renders text button with mode 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "borderRadius": 20,
             },
diff --git a/src/components/__tests__/__snapshots__/Chip.test.js.snap b/src/components/__tests__/__snapshots__/Chip.test.js.snap
index a653e3b82f..6b86ecd436 100644
--- a/src/components/__tests__/__snapshots__/Chip.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Chip.test.js.snap
@@ -57,8 +57,11 @@ exports[`renders chip with close button 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -70,6 +73,7 @@ exports[`renders chip with close button 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Array [
               Object {
                 "borderRadius": 8,
@@ -302,8 +306,11 @@ exports[`renders chip with custom close button 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -315,6 +322,7 @@ exports[`renders chip with custom close button 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Array [
               Object {
                 "borderRadius": 8,
@@ -547,8 +555,11 @@ exports[`renders chip with icon 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -560,6 +571,7 @@ exports[`renders chip with icon 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Array [
               Object {
                 "borderRadius": 8,
@@ -732,8 +744,11 @@ exports[`renders chip with onPress 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -745,6 +760,7 @@ exports[`renders chip with onPress 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Array [
               Object {
                 "borderRadius": 8,
@@ -882,8 +898,11 @@ exports[`renders outlined disabled chip 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -895,6 +914,7 @@ exports[`renders outlined disabled chip 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Array [
               Object {
                 "borderRadius": 8,
@@ -1032,8 +1052,11 @@ exports[`renders selected chip 1`] = `
           }
         }
         accessible={true}
-        focusable={false}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1045,6 +1068,7 @@ exports[`renders selected chip 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Array [
               Object {
                 "borderRadius": 8,
diff --git a/src/components/__tests__/__snapshots__/DataTable.test.js.snap b/src/components/__tests__/__snapshots__/DataTable.test.js.snap
index 5cdda36fee..c1f5e2652a 100644
--- a/src/components/__tests__/__snapshots__/DataTable.test.js.snap
+++ b/src/components/__tests__/__snapshots__/DataTable.test.js.snap
@@ -8,8 +8,11 @@ exports[`renders data table cell 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -18,6 +21,7 @@ exports[`renders data table cell 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -299,6 +303,7 @@ exports[`renders data table pagination 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-left"
             accessibilityRole="button"
             accessibilityState={
@@ -306,7 +311,10 @@ exports[`renders data table pagination 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -316,7 +324,9 @@ exports[`renders data table pagination 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -328,6 +338,7 @@ exports[`renders data table pagination 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -410,6 +421,7 @@ exports[`renders data table pagination 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-right"
             accessibilityRole="button"
             accessibilityState={
@@ -417,7 +429,10 @@ exports[`renders data table pagination 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -427,7 +442,9 @@ exports[`renders data table pagination 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -439,6 +456,7 @@ exports[`renders data table pagination 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -576,6 +594,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="page-first"
             accessibilityRole="button"
             accessibilityState={
@@ -583,7 +602,10 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -593,7 +615,9 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -605,6 +629,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -687,6 +712,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-left"
             accessibilityRole="button"
             accessibilityState={
@@ -694,7 +720,10 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -704,7 +733,9 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -716,6 +747,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -798,6 +830,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-right"
             accessibilityRole="button"
             accessibilityState={
@@ -805,7 +838,10 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -815,7 +851,9 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -827,6 +865,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -909,6 +948,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="page-last"
             accessibilityRole="button"
             accessibilityState={
@@ -916,7 +956,10 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -926,7 +969,9 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -938,6 +983,7 @@ exports[`renders data table pagination with fast-forward buttons 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1075,6 +1121,7 @@ exports[`renders data table pagination with label 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-left"
             accessibilityRole="button"
             accessibilityState={
@@ -1082,7 +1129,10 @@ exports[`renders data table pagination with label 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1092,7 +1142,9 @@ exports[`renders data table pagination with label 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1104,6 +1156,7 @@ exports[`renders data table pagination with label 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1186,6 +1239,7 @@ exports[`renders data table pagination with label 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-right"
             accessibilityRole="button"
             accessibilityState={
@@ -1193,7 +1247,10 @@ exports[`renders data table pagination with label 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1203,7 +1260,9 @@ exports[`renders data table pagination with label 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1215,6 +1274,7 @@ exports[`renders data table pagination with label 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1364,8 +1424,11 @@ exports[`renders data table pagination with options select 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -1377,6 +1440,7 @@ exports[`renders data table pagination with options select 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "borderRadius": 20,
                   },
@@ -1572,6 +1636,7 @@ exports[`renders data table pagination with options select 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="page-first"
             accessibilityRole="button"
             accessibilityState={
@@ -1579,7 +1644,10 @@ exports[`renders data table pagination with options select 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1589,7 +1657,9 @@ exports[`renders data table pagination with options select 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1601,6 +1671,7 @@ exports[`renders data table pagination with options select 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1683,6 +1754,7 @@ exports[`renders data table pagination with options select 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-left"
             accessibilityRole="button"
             accessibilityState={
@@ -1690,7 +1762,10 @@ exports[`renders data table pagination with options select 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1700,7 +1775,9 @@ exports[`renders data table pagination with options select 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1712,6 +1789,7 @@ exports[`renders data table pagination with options select 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1794,6 +1872,7 @@ exports[`renders data table pagination with options select 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="chevron-right"
             accessibilityRole="button"
             accessibilityState={
@@ -1801,7 +1880,10 @@ exports[`renders data table pagination with options select 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1811,7 +1893,9 @@ exports[`renders data table pagination with options select 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1823,6 +1907,7 @@ exports[`renders data table pagination with options select 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1905,6 +1990,7 @@ exports[`renders data table pagination with options select 1`] = `
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityLabel="page-last"
             accessibilityRole="button"
             accessibilityState={
@@ -1912,7 +1998,10 @@ exports[`renders data table pagination with options select 1`] = `
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1922,7 +2011,9 @@ exports[`renders data table pagination with options select 1`] = `
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1934,6 +2025,7 @@ exports[`renders data table pagination with options select 1`] = `
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -2177,8 +2269,11 @@ exports[`renders right aligned data table cell 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -2187,6 +2282,7 @@ exports[`renders right aligned data table cell 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
diff --git a/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap b/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap
index 94d836394e..d345c09ed1 100644
--- a/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap
+++ b/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap
@@ -11,8 +11,11 @@ exports[`renders DrawerItem with icon 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -24,6 +27,7 @@ exports[`renders DrawerItem with icon 1`] = `
         Object {
           "overflow": "hidden",
         },
+        false,
         Array [
           Object {
             "marginHorizontal": 10,
@@ -144,8 +148,11 @@ exports[`renders active DrawerItem 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -157,6 +164,7 @@ exports[`renders active DrawerItem 1`] = `
         Object {
           "overflow": "hidden",
         },
+        false,
         Array [
           Object {
             "marginHorizontal": 10,
@@ -277,8 +285,11 @@ exports[`renders basic DrawerItem 1`] = `
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -290,6 +301,7 @@ exports[`renders basic DrawerItem 1`] = `
         Object {
           "overflow": "hidden",
         },
+        false,
         Array [
           Object {
             "marginHorizontal": 10,
diff --git a/src/components/__tests__/__snapshots__/FAB.test.js.snap b/src/components/__tests__/__snapshots__/FAB.test.js.snap
index 3fb62bdb9c..69f7a5d768 100644
--- a/src/components/__tests__/__snapshots__/FAB.test.js.snap
+++ b/src/components/__tests__/__snapshots__/FAB.test.js.snap
@@ -61,8 +61,11 @@ exports[`renders FAB with custom size prop 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -74,6 +77,7 @@ exports[`renders FAB with custom size prop 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -218,8 +222,11 @@ exports[`renders custom color for the icon and label of the FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -231,6 +238,7 @@ exports[`renders custom color for the icon and label of the FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -375,8 +383,11 @@ exports[`renders default FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -388,6 +399,7 @@ exports[`renders default FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -532,8 +544,11 @@ exports[`renders disabled FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -545,6 +560,7 @@ exports[`renders disabled FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -690,8 +706,11 @@ exports[`renders extended FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -703,6 +722,7 @@ exports[`renders extended FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -885,8 +905,11 @@ exports[`renders extended FAB with custom size prop 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -898,6 +921,7 @@ exports[`renders extended FAB with custom size prop 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -1078,8 +1102,11 @@ exports[`renders large FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1091,6 +1118,7 @@ exports[`renders large FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -1235,8 +1263,11 @@ exports[`renders loading FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1248,6 +1279,7 @@ exports[`renders loading FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -1534,8 +1566,11 @@ exports[`renders loading FAB with custom size prop 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1547,6 +1582,7 @@ exports[`renders loading FAB with custom size prop 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -1833,8 +1869,11 @@ exports[`renders not visible FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -1846,6 +1885,7 @@ exports[`renders not visible FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -1990,8 +2030,11 @@ exports[`renders small FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -2003,6 +2046,7 @@ exports[`renders small FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
@@ -2147,8 +2191,11 @@ exports[`renders visible FAB 1`] = `
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={true}
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -2160,6 +2207,7 @@ exports[`renders visible FAB 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             undefined,
           ]
         }
diff --git a/src/components/__tests__/__snapshots__/IconButton.test.js.snap b/src/components/__tests__/__snapshots__/IconButton.test.js.snap
index e34d08d9bd..6b88cc7cc6 100644
--- a/src/components/__tests__/__snapshots__/IconButton.test.js.snap
+++ b/src/components/__tests__/__snapshots__/IconButton.test.js.snap
@@ -52,14 +52,23 @@ exports[`renders disabled icon button 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
             "disabled": true,
           }
         }
+        accessibilityTraits={
+          Array [
+            "button",
+            "disabled",
+          ]
+        }
         accessible={true}
-        focusable={false}
+        centered={true}
+        collapsable={false}
+        focusable={true}
         hitSlop={
           Object {
             "bottom": 6,
@@ -68,7 +77,9 @@ exports[`renders disabled icon button 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -80,6 +91,7 @@ exports[`renders disabled icon button 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "alignItems": "center",
               "flexGrow": 1,
@@ -165,14 +177,18 @@ exports[`renders icon button by default 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
             "disabled": true,
           }
         }
+        accessibilityTraits="button"
         accessible={true}
-        focusable={false}
+        centered={true}
+        collapsable={false}
+        focusable={true}
         hitSlop={
           Object {
             "bottom": 6,
@@ -181,7 +197,9 @@ exports[`renders icon button by default 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -193,6 +211,7 @@ exports[`renders icon button by default 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "alignItems": "center",
               "flexGrow": 1,
@@ -278,14 +297,18 @@ exports[`renders icon button with color 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
             "disabled": true,
           }
         }
+        accessibilityTraits="button"
         accessible={true}
-        focusable={false}
+        centered={true}
+        collapsable={false}
+        focusable={true}
         hitSlop={
           Object {
             "bottom": 6,
@@ -294,7 +317,9 @@ exports[`renders icon button with color 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -306,6 +331,7 @@ exports[`renders icon button with color 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "alignItems": "center",
               "flexGrow": 1,
@@ -391,14 +417,18 @@ exports[`renders icon button with size 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
             "disabled": true,
           }
         }
+        accessibilityTraits="button"
         accessible={true}
-        focusable={false}
+        centered={true}
+        collapsable={false}
+        focusable={true}
         hitSlop={
           Object {
             "bottom": 6,
@@ -407,7 +437,9 @@ exports[`renders icon button with size 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -419,6 +451,7 @@ exports[`renders icon button with size 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "alignItems": "center",
               "flexGrow": 1,
@@ -504,14 +537,18 @@ exports[`renders icon change animated 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
             "disabled": true,
           }
         }
+        accessibilityTraits="button"
         accessible={true}
-        focusable={false}
+        centered={true}
+        collapsable={false}
+        focusable={true}
         hitSlop={
           Object {
             "bottom": 6,
@@ -520,7 +557,9 @@ exports[`renders icon change animated 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -532,6 +571,7 @@ exports[`renders icon change animated 1`] = `
             Object {
               "overflow": "hidden",
             },
+            false,
             Object {
               "alignItems": "center",
               "flexGrow": 1,
diff --git a/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap b/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap
index 23f8c12b30..04e2b71f21 100644
--- a/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap
+++ b/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap
@@ -18,8 +18,11 @@ exports[`renders expanded accordion 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -31,6 +34,7 @@ exports[`renders expanded accordion 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Array [
             Object {
               "padding": 8,
@@ -131,8 +135,11 @@ exports[`renders expanded accordion 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -141,6 +148,7 @@ exports[`renders expanded accordion 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -224,8 +232,11 @@ exports[`renders list accordion with children 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -237,6 +248,7 @@ exports[`renders list accordion with children 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Array [
             Object {
               "padding": 8,
@@ -386,8 +398,11 @@ exports[`renders list accordion with custom title and description styles 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -399,6 +414,7 @@ exports[`renders list accordion with custom title and description styles 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Array [
             Object {
               "padding": 8,
@@ -549,8 +565,11 @@ exports[`renders list accordion with left items 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -562,6 +581,7 @@ exports[`renders list accordion with left items 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Array [
             Object {
               "padding": 8,
@@ -711,8 +731,11 @@ exports[`renders multiline list accordion 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -724,6 +747,7 @@ exports[`renders multiline list accordion 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Array [
             Object {
               "padding": 8,
diff --git a/src/components/__tests__/__snapshots__/ListItem.test.js.snap b/src/components/__tests__/__snapshots__/ListItem.test.js.snap
index 7c6cc7deb1..1136a9fd99 100644
--- a/src/components/__tests__/__snapshots__/ListItem.test.js.snap
+++ b/src/components/__tests__/__snapshots__/ListItem.test.js.snap
@@ -8,8 +8,11 @@ exports[`renders list item with custom description 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -18,6 +21,7 @@ exports[`renders list item with custom description 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -146,8 +150,11 @@ exports[`renders list item with custom description 1`] = `
                     }
                   }
                   accessible={true}
+                  collapsable={false}
                   focusable={true}
+                  onBlur={[Function]}
                   onClick={[Function]}
+                  onFocus={[Function]}
                   onResponderGrant={[Function]}
                   onResponderMove={[Function]}
                   onResponderRelease={[Function]}
@@ -159,6 +166,7 @@ exports[`renders list item with custom description 1`] = `
                       Object {
                         "overflow": "hidden",
                       },
+                      false,
                       Array [
                         Object {
                           "borderRadius": 8,
@@ -287,8 +295,11 @@ exports[`renders list item with custom title and description styles 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -297,6 +308,7 @@ exports[`renders list item with custom title and description styles 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -401,8 +413,11 @@ exports[`renders list item with left and right items 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -411,6 +426,7 @@ exports[`renders list item with left and right items 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -551,8 +567,11 @@ exports[`renders list item with left item 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -561,6 +580,7 @@ exports[`renders list item with left item 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -672,8 +692,11 @@ exports[`renders list item with right item 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -682,6 +705,7 @@ exports[`renders list item with right item 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -757,8 +781,11 @@ exports[`renders list item with title and description 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -767,6 +794,7 @@ exports[`renders list item with title and description 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
@@ -867,8 +895,11 @@ exports[`renders with a description with typeof number 1`] = `
     }
   }
   accessible={true}
-  focusable={false}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -877,6 +908,7 @@ exports[`renders with a description with typeof number 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Array [
+      false,
       false,
       Array [
         Object {
diff --git a/src/components/__tests__/__snapshots__/ListSection.test.js.snap b/src/components/__tests__/__snapshots__/ListSection.test.js.snap
index 0fadd2c08a..b2f808c0b6 100644
--- a/src/components/__tests__/__snapshots__/ListSection.test.js.snap
+++ b/src/components/__tests__/__snapshots__/ListSection.test.js.snap
@@ -215,8 +215,11 @@ exports[`renders list section with custom title style 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -225,6 +228,7 @@ exports[`renders list section with custom title style 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -333,8 +337,11 @@ exports[`renders list section with custom title style 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -343,6 +350,7 @@ exports[`renders list section with custom title style 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -660,8 +668,11 @@ exports[`renders list section with subheader 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -670,6 +681,7 @@ exports[`renders list section with subheader 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -778,8 +790,11 @@ exports[`renders list section with subheader 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -788,6 +803,7 @@ exports[`renders list section with subheader 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -1067,8 +1083,11 @@ exports[`renders list section without subheader 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -1077,6 +1096,7 @@ exports[`renders list section without subheader 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -1185,8 +1205,11 @@ exports[`renders list section without subheader 1`] = `
       }
     }
     accessible={true}
-    focusable={false}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -1195,6 +1218,7 @@ exports[`renders list section without subheader 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
diff --git a/src/components/__tests__/__snapshots__/Menu.test.js.snap b/src/components/__tests__/__snapshots__/Menu.test.js.snap
index 9df97d892d..2d6862efa0 100644
--- a/src/components/__tests__/__snapshots__/Menu.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Menu.test.js.snap
@@ -59,8 +59,11 @@ exports[`renders menu with content styles 1`] = `
             }
           }
           accessible={true}
-          focusable={false}
+          collapsable={false}
+          focusable={true}
+          onBlur={[Function]}
           onClick={[Function]}
+          onFocus={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
@@ -72,6 +75,7 @@ exports[`renders menu with content styles 1`] = `
               Object {
                 "overflow": "hidden",
               },
+              false,
               Object {
                 "borderRadius": 20,
               },
@@ -204,8 +208,11 @@ exports[`renders not visible menu 1`] = `
             }
           }
           accessible={true}
-          focusable={false}
+          collapsable={false}
+          focusable={true}
+          onBlur={[Function]}
           onClick={[Function]}
+          onFocus={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
@@ -217,6 +224,7 @@ exports[`renders not visible menu 1`] = `
               Object {
                 "overflow": "hidden",
               },
+              false,
               Object {
                 "borderRadius": 20,
               },
@@ -349,8 +357,11 @@ exports[`renders visible menu 1`] = `
             }
           }
           accessible={true}
-          focusable={false}
+          collapsable={false}
+          focusable={true}
+          onBlur={[Function]}
           onClick={[Function]}
+          onFocus={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
@@ -362,6 +373,7 @@ exports[`renders visible menu 1`] = `
               Object {
                 "overflow": "hidden",
               },
+              false,
               Object {
                 "borderRadius": 20,
               },
diff --git a/src/components/__tests__/__snapshots__/MenuItem.test.js.snap b/src/components/__tests__/__snapshots__/MenuItem.test.js.snap
index 1b6d18987e..80e6507148 100644
--- a/src/components/__tests__/__snapshots__/MenuItem.test.js.snap
+++ b/src/components/__tests__/__snapshots__/MenuItem.test.js.snap
@@ -10,8 +10,11 @@ Array [
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -20,6 +23,7 @@ Array [
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -141,8 +145,11 @@ Array [
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -151,6 +158,7 @@ Array [
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -272,8 +280,11 @@ Array [
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -282,6 +293,7 @@ Array [
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -403,8 +415,11 @@ Array [
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -413,6 +428,7 @@ Array [
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
@@ -534,8 +550,11 @@ Array [
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={true}
+    onBlur={[Function]}
     onClick={[Function]}
+    onFocus={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -544,6 +563,7 @@ Array [
     onStartShouldSetResponder={[Function]}
     style={
       Array [
+        false,
         false,
         Array [
           Object {
diff --git a/src/components/__tests__/__snapshots__/Searchbar.test.js.snap b/src/components/__tests__/__snapshots__/Searchbar.test.js.snap
index 9c3eb09a16..3d48fdf1e6 100644
--- a/src/components/__tests__/__snapshots__/Searchbar.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Searchbar.test.js.snap
@@ -97,6 +97,7 @@ exports[`activity indicator snapshot test 1`] = `
             }
           >
             <View
+              accessibilityComponentType="button"
               accessibilityLabel="search"
               accessibilityRole="button"
               accessibilityState={
@@ -104,8 +105,11 @@ exports[`activity indicator snapshot test 1`] = `
                   "disabled": true,
                 }
               }
+              accessibilityTraits="button"
               accessible={true}
-              focusable={false}
+              centered={true}
+              collapsable={false}
+              focusable={true}
               hitSlop={
                 Object {
                   "bottom": 6,
@@ -114,7 +118,9 @@ exports[`activity indicator snapshot test 1`] = `
                   "top": 6,
                 }
               }
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -126,6 +132,7 @@ exports[`activity indicator snapshot test 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "alignItems": "center",
                     "flexGrow": 1,
@@ -483,6 +490,7 @@ exports[`renders with placeholder 1`] = `
             }
           >
             <View
+              accessibilityComponentType="button"
               accessibilityLabel="search"
               accessibilityRole="button"
               accessibilityState={
@@ -490,8 +498,11 @@ exports[`renders with placeholder 1`] = `
                   "disabled": true,
                 }
               }
+              accessibilityTraits="button"
               accessible={true}
-              focusable={false}
+              centered={true}
+              collapsable={false}
+              focusable={true}
               hitSlop={
                 Object {
                   "bottom": 6,
@@ -500,7 +511,9 @@ exports[`renders with placeholder 1`] = `
                   "top": 6,
                 }
               }
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -512,6 +525,7 @@ exports[`renders with placeholder 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "alignItems": "center",
                     "flexGrow": 1,
@@ -624,6 +638,7 @@ exports[`renders with placeholder 1`] = `
               }
             >
               <View
+                accessibilityComponentType="button"
                 accessibilityLabel="clear"
                 accessibilityRole="button"
                 accessibilityState={
@@ -631,7 +646,10 @@ exports[`renders with placeholder 1`] = `
                     "disabled": false,
                   }
                 }
+                accessibilityTraits="button"
                 accessible={true}
+                centered={true}
+                collapsable={false}
                 focusable={true}
                 hitSlop={
                   Object {
@@ -641,7 +659,9 @@ exports[`renders with placeholder 1`] = `
                     "top": 6,
                   }
                 }
+                onBlur={[Function]}
                 onClick={[Function]}
+                onFocus={[Function]}
                 onResponderGrant={[Function]}
                 onResponderMove={[Function]}
                 onResponderRelease={[Function]}
@@ -653,6 +673,7 @@ exports[`renders with placeholder 1`] = `
                     Object {
                       "overflow": "hidden",
                     },
+                    false,
                     Object {
                       "alignItems": "center",
                       "flexGrow": 1,
@@ -787,6 +808,7 @@ exports[`renders with text 1`] = `
             }
           >
             <View
+              accessibilityComponentType="button"
               accessibilityLabel="search"
               accessibilityRole="button"
               accessibilityState={
@@ -794,8 +816,11 @@ exports[`renders with text 1`] = `
                   "disabled": true,
                 }
               }
+              accessibilityTraits="button"
               accessible={true}
-              focusable={false}
+              centered={true}
+              collapsable={false}
+              focusable={true}
               hitSlop={
                 Object {
                   "bottom": 6,
@@ -804,7 +829,9 @@ exports[`renders with text 1`] = `
                   "top": 6,
                 }
               }
+              onBlur={[Function]}
               onClick={[Function]}
+              onFocus={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
               onResponderRelease={[Function]}
@@ -816,6 +843,7 @@ exports[`renders with text 1`] = `
                   Object {
                     "overflow": "hidden",
                   },
+                  false,
                   Object {
                     "alignItems": "center",
                     "flexGrow": 1,
@@ -929,6 +957,7 @@ exports[`renders with text 1`] = `
               }
             >
               <View
+                accessibilityComponentType="button"
                 accessibilityLabel="clear"
                 accessibilityRole="button"
                 accessibilityState={
@@ -936,7 +965,10 @@ exports[`renders with text 1`] = `
                     "disabled": false,
                   }
                 }
+                accessibilityTraits="button"
                 accessible={true}
+                centered={true}
+                collapsable={false}
                 focusable={true}
                 hitSlop={
                   Object {
@@ -946,7 +978,9 @@ exports[`renders with text 1`] = `
                     "top": 6,
                   }
                 }
+                onBlur={[Function]}
                 onClick={[Function]}
+                onFocus={[Function]}
                 onResponderGrant={[Function]}
                 onResponderMove={[Function]}
                 onResponderRelease={[Function]}
@@ -958,6 +992,7 @@ exports[`renders with text 1`] = `
                     Object {
                       "overflow": "hidden",
                     },
+                    false,
                     Object {
                       "alignItems": "center",
                       "flexGrow": 1,
diff --git a/src/components/__tests__/__snapshots__/SegmentedButton.test.js.snap b/src/components/__tests__/__snapshots__/SegmentedButton.test.js.snap
index 3c226bca8e..487d5ad14c 100644
--- a/src/components/__tests__/__snapshots__/SegmentedButton.test.js.snap
+++ b/src/components/__tests__/__snapshots__/SegmentedButton.test.js.snap
@@ -45,8 +45,11 @@ exports[`renders checked segmented button with selected check 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -58,6 +61,7 @@ exports[`renders checked segmented button with selected check 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderBottomRightRadius": 0,
             "borderRadius": 20,
@@ -186,8 +190,11 @@ exports[`renders checked segmented button with selected check 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -199,6 +206,7 @@ exports[`renders checked segmented button with selected check 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderBottomLeftRadius": 0,
             "borderRadius": 20,
@@ -317,8 +325,11 @@ exports[`renders disabled segmented button 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -330,6 +341,7 @@ exports[`renders disabled segmented button 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderBottomRightRadius": 0,
             "borderRadius": 20,
@@ -432,8 +444,11 @@ exports[`renders disabled segmented button 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -445,6 +460,7 @@ exports[`renders disabled segmented button 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderBottomLeftRadius": 0,
             "borderRadius": 20,
@@ -561,8 +577,11 @@ exports[`renders segmented button 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -574,6 +593,7 @@ exports[`renders segmented button 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderBottomRightRadius": 0,
             "borderRadius": 20,
@@ -676,8 +696,11 @@ exports[`renders segmented button 1`] = `
         }
       }
       accessible={true}
+      collapsable={false}
       focusable={true}
+      onBlur={[Function]}
       onClick={[Function]}
+      onFocus={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
       onResponderRelease={[Function]}
@@ -689,6 +712,7 @@ exports[`renders segmented button 1`] = `
           Object {
             "overflow": "hidden",
           },
+          false,
           Object {
             "borderBottomLeftRadius": 0,
             "borderRadius": 20,
diff --git a/src/components/__tests__/__snapshots__/Snackbar.test.js.snap b/src/components/__tests__/__snapshots__/Snackbar.test.js.snap
index 1310044f84..4b4dc5d477 100644
--- a/src/components/__tests__/__snapshots__/Snackbar.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Snackbar.test.js.snap
@@ -377,8 +377,11 @@ exports[`renders snackbar with action button 1`] = `
                   }
                 }
                 accessible={true}
+                collapsable={false}
                 focusable={true}
+                onBlur={[Function]}
                 onClick={[Function]}
+                onFocus={[Function]}
                 onResponderGrant={[Function]}
                 onResponderMove={[Function]}
                 onResponderRelease={[Function]}
@@ -390,6 +393,7 @@ exports[`renders snackbar with action button 1`] = `
                     Object {
                       "overflow": "hidden",
                     },
+                    false,
                     Object {
                       "borderRadius": 20,
                     },
diff --git a/src/components/__tests__/__snapshots__/TextInput.test.js.snap b/src/components/__tests__/__snapshots__/TextInput.test.js.snap
index 6bed977231..9ac6144f68 100644
--- a/src/components/__tests__/__snapshots__/TextInput.test.js.snap
+++ b/src/components/__tests__/__snapshots__/TextInput.test.js.snap
@@ -1135,13 +1135,17 @@ exports[`correctly renders left-side affix adornment, and right-side icon adornm
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityRole="button"
             accessibilityState={
               Object {
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1151,7 +1155,9 @@ exports[`correctly renders left-side affix adornment, and right-side icon adornm
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1163,6 +1169,7 @@ exports[`correctly renders left-side affix adornment, and right-side icon adornm
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
@@ -1459,13 +1466,17 @@ exports[`correctly renders left-side icon adornment, and right-side affix adornm
           }
         >
           <View
+            accessibilityComponentType="button"
             accessibilityRole="button"
             accessibilityState={
               Object {
                 "disabled": false,
               }
             }
+            accessibilityTraits="button"
             accessible={true}
+            centered={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -1475,7 +1486,9 @@ exports[`correctly renders left-side icon adornment, and right-side affix adornm
                 "top": 6,
               }
             }
+            onBlur={[Function]}
             onClick={[Function]}
+            onFocus={[Function]}
             onResponderGrant={[Function]}
             onResponderMove={[Function]}
             onResponderRelease={[Function]}
@@ -1487,6 +1500,7 @@ exports[`correctly renders left-side icon adornment, and right-side affix adornm
                 Object {
                   "overflow": "hidden",
                 },
+                false,
                 Object {
                   "alignItems": "center",
                   "flexGrow": 1,
diff --git a/src/components/__tests__/__snapshots__/ToggleButton.test.js.snap b/src/components/__tests__/__snapshots__/ToggleButton.test.js.snap
index e713730bd9..856eba2c5b 100644
--- a/src/components/__tests__/__snapshots__/ToggleButton.test.js.snap
+++ b/src/components/__tests__/__snapshots__/ToggleButton.test.js.snap
@@ -52,6 +52,7 @@ exports[`renders disabled toggle button 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
@@ -59,7 +60,15 @@ exports[`renders disabled toggle button 1`] = `
             "selected": true,
           }
         }
+        accessibilityTraits={
+          Array [
+            "button",
+            "disabled",
+          ]
+        }
         accessible={true}
+        centered={true}
+        collapsable={false}
         focusable={true}
         hitSlop={
           Object {
@@ -69,15 +78,19 @@ exports[`renders disabled toggle button 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
         onResponderTerminate={[Function]}
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
+        onValueChange={[Function]}
         style={
           Array [
+            false,
             false,
             Object {
               "alignItems": "center",
@@ -164,6 +177,7 @@ exports[`renders toggle button 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
@@ -171,7 +185,10 @@ exports[`renders toggle button 1`] = `
             "selected": true,
           }
         }
+        accessibilityTraits="button"
         accessible={true}
+        centered={true}
+        collapsable={false}
         focusable={true}
         hitSlop={
           Object {
@@ -181,7 +198,9 @@ exports[`renders toggle button 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
@@ -190,6 +209,7 @@ exports[`renders toggle button 1`] = `
         onStartShouldSetResponder={[Function]}
         style={
           Array [
+            false,
             false,
             Object {
               "alignItems": "center",
@@ -276,6 +296,7 @@ exports[`renders unchecked toggle button 1`] = `
       }
     >
       <View
+        accessibilityComponentType="button"
         accessibilityRole="button"
         accessibilityState={
           Object {
@@ -283,7 +304,15 @@ exports[`renders unchecked toggle button 1`] = `
             "selected": false,
           }
         }
+        accessibilityTraits={
+          Array [
+            "button",
+            "disabled",
+          ]
+        }
         accessible={true}
+        centered={true}
+        collapsable={false}
         focusable={true}
         hitSlop={
           Object {
@@ -293,15 +322,19 @@ exports[`renders unchecked toggle button 1`] = `
             "top": 6,
           }
         }
+        onBlur={[Function]}
         onClick={[Function]}
+        onFocus={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
         onResponderRelease={[Function]}
         onResponderTerminate={[Function]}
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
+        onValueChange={[Function]}
         style={
           Array [
+            false,
             false,
             Object {
               "alignItems": "center",