diff --git a/docs/3.0.x/accessibility.md b/docs/3.0.x/accessibility.md index a59a76697..37ec4e853 100644 --- a/docs/3.0.x/accessibility.md +++ b/docs/3.0.x/accessibility.md @@ -15,7 +15,7 @@ When a view is marked as accessible, it is a good practice to set an `accessibil ## Keyboard Navigation -Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/). +Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/). ## Focus Management diff --git a/docs/3.0.x/alert-dialog.md b/docs/3.0.x/alert-dialog.md index a3f5672d8..3a2f6a78d 100644 --- a/docs/3.0.x/alert-dialog.md +++ b/docs/3.0.x/alert-dialog.md @@ -135,7 +135,7 @@ AlertDialog and its components compose the **[Modal](/modal)** component, so all ## Accessibility -Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog) +Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.0.x/box.md b/docs/3.0.x/box.md index a583fecc4..a12b95783 100644 --- a/docs/3.0.x/box.md +++ b/docs/3.0.x/box.md @@ -25,7 +25,7 @@ This is a generic component for low level layout needs. It is similar to a [`div ### With Linear gradient -If you're using [Expo](https://docs.expo.io/) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. +If you're using [Expo](https://docs.expo.dev/index.html) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. ```jsx isLive=true import React from 'react'; diff --git a/docs/3.0.x/button.mdx b/docs/3.0.x/button.mdx index c138b3d29..9d867dfde 100644 --- a/docs/3.0.x/button.mdx +++ b/docs/3.0.x/button.mdx @@ -80,5 +80,5 @@ import { Button, ButtonGroup } from 'native-base'; ## Accessibility -- Button has `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- Button has `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). - When Button has focus, Space or Enter activates it. diff --git a/docs/3.0.x/checkbox.md b/docs/3.0.x/checkbox.md index 81a7c5e6c..ec511059b 100644 --- a/docs/3.0.x/checkbox.md +++ b/docs/3.0.x/checkbox.md @@ -95,7 +95,7 @@ The `Checkbox` component is used in forms when a user needs to select multiple v ## Accessibility -Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox). +Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.0.x/customizing-fonts.md b/docs/3.0.x/customizing-fonts.md index 1e2d89ffb..69499ef9a 100644 --- a/docs/3.0.x/customizing-fonts.md +++ b/docs/3.0.x/customizing-fonts.md @@ -7,9 +7,9 @@ Follow 3 simple steps to add a custom font family. ### Loading fonts in Expo or React Native init project. -[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/) +[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/) -[Refer this guide if you're using React Native init](https://medium.com/@aravindmnair/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) +[Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) ### Extend NativeBase theme object. diff --git a/docs/3.0.x/icon-button.md b/docs/3.0.x/icon-button.md index dcf790c3f..74ba1623d 100644 --- a/docs/3.0.x/icon-button.md +++ b/docs/3.0.x/icon-button.md @@ -40,4 +40,4 @@ import { ComponentTheme } from '../../src/components'; ## Accessibility - Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices. -- IconButton has a `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- IconButton has a `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). diff --git a/docs/3.0.x/installation.mdx b/docs/3.0.x/installation.mdx index 9f76d074d..be49d0f8a 100644 --- a/docs/3.0.x/installation.mdx +++ b/docs/3.0.x/installation.mdx @@ -3,9 +3,9 @@ id: installation title: Installation --- -import { InstallationTiles } from "../../src/components"; +import { InstallationTiles } from '../../src/components'; -**NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). +**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). Refer the guides shown below to setup NativeBase in your React app. @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des aang transitioning to avatar state diff --git a/docs/3.0.x/link.md b/docs/3.0.x/link.md index 6b5920dee..8d022e326 100644 --- a/docs/3.0.x/link.md +++ b/docs/3.0.x/link.md @@ -65,4 +65,4 @@ Link implements **[Box](box.md)**, so all the Box Props can be passed to it. ## Accessibility -Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link) +Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.0.x/menu.md b/docs/3.0.x/menu.md index 736456663..7569880c9 100644 --- a/docs/3.0.x/menu.md +++ b/docs/3.0.x/menu.md @@ -91,4 +91,4 @@ Extends `MenuItem`. ## Accessibility -Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu) +Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.0.x/modal.md b/docs/3.0.x/modal.md index e4be0e19f..72ea18ddb 100644 --- a/docs/3.0.x/modal.md +++ b/docs/3.0.x/modal.md @@ -66,7 +66,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` ## Accessibility -Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal). +Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.0.x/radio.md b/docs/3.0.x/radio.md index 63485030b..efa77a9b8 100644 --- a/docs/3.0.x/radio.md +++ b/docs/3.0.x/radio.md @@ -79,7 +79,7 @@ import { ComponentTheme } from '../../src/components'; ## Accessibility -Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#radiobutton). +Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.0.x/safe-area-view-props.md b/docs/3.0.x/safe-area-view-props.md index f566c1947..a1b4c9542 100644 --- a/docs/3.0.x/safe-area-view-props.md +++ b/docs/3.0.x/safe-area-view-props.md @@ -13,7 +13,7 @@ To make your components respect the [SafeAreaView](https://reactnative.dev/docs/ - `safeAreaLeft`: Apply safe padding to left. - `safeAreaRight`: Apply safe padding to right. -Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.io/versions/latest/sdk/safe-area-context/#hooks) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). +Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). :::info diff --git a/docs/3.0.x/setup-provider.md b/docs/3.0.x/setup-provider.md index b4eb8da17..504bc543d 100644 --- a/docs/3.0.x/setup-provider.md +++ b/docs/3.0.x/setup-provider.md @@ -93,7 +93,7 @@ export default ({ children, theme }: any) => { ## Add external dependencies (Optional) -If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) +If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) ```jsx import React from 'react'; diff --git a/docs/3.0.x/slider.md b/docs/3.0.x/slider.md index b8d94b9e9..f9890c43e 100644 --- a/docs/3.0.x/slider.md +++ b/docs/3.0.x/slider.md @@ -74,7 +74,7 @@ import { Slider } from 'native-base'; ## Accessibility -Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#slidertwothumb) +Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.1.x/accessibility.md b/docs/3.1.x/accessibility.md index a59a76697..37ec4e853 100644 --- a/docs/3.1.x/accessibility.md +++ b/docs/3.1.x/accessibility.md @@ -15,7 +15,7 @@ When a view is marked as accessible, it is a good practice to set an `accessibil ## Keyboard Navigation -Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/). +Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/). ## Focus Management diff --git a/docs/3.1.x/alert-dialog.md b/docs/3.1.x/alert-dialog.md index 5a9a33b22..f6fd8859a 100644 --- a/docs/3.1.x/alert-dialog.md +++ b/docs/3.1.x/alert-dialog.md @@ -139,7 +139,7 @@ AlertDialog and its components compose the **[Modal](/modal)** component, so all ## Accessibility -Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog) +Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.1.x/box.md b/docs/3.1.x/box.md index 19548e192..a03c3f457 100644 --- a/docs/3.1.x/box.md +++ b/docs/3.1.x/box.md @@ -25,7 +25,7 @@ This is a generic component for low level layout needs. It is similar to a [`div ### With Linear gradient -If you're using [Expo](https://docs.expo.io/) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. +If you're using [Expo](https://docs.expo.dev/index.html) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. ```jsx isLive=true import React from 'react'; diff --git a/docs/3.1.x/button.mdx b/docs/3.1.x/button.mdx index c138b3d29..9d867dfde 100644 --- a/docs/3.1.x/button.mdx +++ b/docs/3.1.x/button.mdx @@ -80,5 +80,5 @@ import { Button, ButtonGroup } from 'native-base'; ## Accessibility -- Button has `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- Button has `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). - When Button has focus, Space or Enter activates it. diff --git a/docs/3.1.x/checkbox.md b/docs/3.1.x/checkbox.md index 10ee1772f..8a88eae38 100644 --- a/docs/3.1.x/checkbox.md +++ b/docs/3.1.x/checkbox.md @@ -95,7 +95,7 @@ The `Checkbox` component is used in forms when a user needs to select multiple v ## Accessibility -Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox). +Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.1.x/customizing-fonts.md b/docs/3.1.x/customizing-fonts.md index c8ade5f00..f280bc8ab 100644 --- a/docs/3.1.x/customizing-fonts.md +++ b/docs/3.1.x/customizing-fonts.md @@ -7,9 +7,9 @@ Follow 3 simple steps to add a custom font family. ### Loading fonts in Expo or React Native init project. -[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/) +[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/) -[Refer this guide if you're using React Native init](https://medium.com/@aravindmnair/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) +[Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) ### Extend NativeBase theme object. diff --git a/docs/3.1.x/icon-button.md b/docs/3.1.x/icon-button.md index cc11f8c64..defed814b 100644 --- a/docs/3.1.x/icon-button.md +++ b/docs/3.1.x/icon-button.md @@ -40,4 +40,4 @@ import { ComponentTheme } from '../../src/components'; ## Accessibility - Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices. -- IconButton has a `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- IconButton has a `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). diff --git a/docs/3.1.x/installation.mdx b/docs/3.1.x/installation.mdx index 8b84699b0..be49d0f8a 100644 --- a/docs/3.1.x/installation.mdx +++ b/docs/3.1.x/installation.mdx @@ -3,9 +3,9 @@ id: installation title: Installation --- -import { InstallationTiles } from "../../src/components"; +import { InstallationTiles } from '../../src/components'; -**NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). +**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). Refer the guides shown below to setup NativeBase in your React app. @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des aang transitioning to avatar state - \ No newline at end of file + diff --git a/docs/3.1.x/link.md b/docs/3.1.x/link.md index 6b5920dee..8d022e326 100644 --- a/docs/3.1.x/link.md +++ b/docs/3.1.x/link.md @@ -65,4 +65,4 @@ Link implements **[Box](box.md)**, so all the Box Props can be passed to it. ## Accessibility -Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link) +Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.1.x/menu.md b/docs/3.1.x/menu.md index 736456663..7569880c9 100644 --- a/docs/3.1.x/menu.md +++ b/docs/3.1.x/menu.md @@ -91,4 +91,4 @@ Extends `MenuItem`. ## Accessibility -Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu) +Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.1.x/modal.md b/docs/3.1.x/modal.md index 4bdc52a0e..eb1ed496c 100644 --- a/docs/3.1.x/modal.md +++ b/docs/3.1.x/modal.md @@ -66,7 +66,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` ## Accessibility -Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal). +Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.1.x/radio.md b/docs/3.1.x/radio.md index 63485030b..efa77a9b8 100644 --- a/docs/3.1.x/radio.md +++ b/docs/3.1.x/radio.md @@ -79,7 +79,7 @@ import { ComponentTheme } from '../../src/components'; ## Accessibility -Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#radiobutton). +Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.1.x/safe-area-view-props.md b/docs/3.1.x/safe-area-view-props.md index f566c1947..a1b4c9542 100644 --- a/docs/3.1.x/safe-area-view-props.md +++ b/docs/3.1.x/safe-area-view-props.md @@ -13,7 +13,7 @@ To make your components respect the [SafeAreaView](https://reactnative.dev/docs/ - `safeAreaLeft`: Apply safe padding to left. - `safeAreaRight`: Apply safe padding to right. -Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.io/versions/latest/sdk/safe-area-context/#hooks) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). +Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). :::info diff --git a/docs/3.1.x/setup-provider.md b/docs/3.1.x/setup-provider.md index b4eb8da17..504bc543d 100644 --- a/docs/3.1.x/setup-provider.md +++ b/docs/3.1.x/setup-provider.md @@ -93,7 +93,7 @@ export default ({ children, theme }: any) => { ## Add external dependencies (Optional) -If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) +If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) ```jsx import React from 'react'; diff --git a/docs/3.1.x/slider.md b/docs/3.1.x/slider.md index b8d94b9e9..f9890c43e 100644 --- a/docs/3.1.x/slider.md +++ b/docs/3.1.x/slider.md @@ -74,7 +74,7 @@ import { Slider } from 'native-base'; ## Accessibility -Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#slidertwothumb) +Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.2.x/accessibility.md b/docs/3.2.x/accessibility.md index 3ccb492bb..45f384f33 100644 --- a/docs/3.2.x/accessibility.md +++ b/docs/3.2.x/accessibility.md @@ -15,7 +15,7 @@ When a view is marked as accessible, it is a good practice to set an `accessibil ## Keyboard Navigation -Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/). +Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/). ## Focus Management diff --git a/docs/3.2.x/alert-dialog.md b/docs/3.2.x/alert-dialog.md index 8b0f408af..62db3bd0e 100644 --- a/docs/3.2.x/alert-dialog.md +++ b/docs/3.2.x/alert-dialog.md @@ -42,7 +42,7 @@ AlertDialog and its components compose the **[Modal](/modal)** component, so all ## Accessibility -Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog) +Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.2.x/box.md b/docs/3.2.x/box.md index 75dc75f09..22a3eb016 100644 --- a/docs/3.2.x/box.md +++ b/docs/3.2.x/box.md @@ -25,7 +25,7 @@ This is a generic component for low level layout needs. It is similar to a [`div ### With Linear gradient -If you're using [Expo](https://docs.expo.io/) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. +If you're using [Expo](https://docs.expo.dev/index.html) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. ```jsx isLive import React from 'react'; diff --git a/docs/3.2.x/button.mdx b/docs/3.2.x/button.mdx index c878a713d..d0c99abf5 100644 --- a/docs/3.2.x/button.mdx +++ b/docs/3.2.x/button.mdx @@ -86,5 +86,5 @@ When you use the ButtonGroup component, it allows you to: ## Accessibility -- Button has `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- Button has `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). - When Button has focus, Space or Enter activates it. diff --git a/docs/3.2.x/checkbox.md b/docs/3.2.x/checkbox.md index e58984c1a..44993f61a 100644 --- a/docs/3.2.x/checkbox.md +++ b/docs/3.2.x/checkbox.md @@ -95,7 +95,7 @@ The `Checkbox` component is used in forms when a user needs to select multiple v ## Accessibility -Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox). +Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.2.x/customizing-fonts.md b/docs/3.2.x/customizing-fonts.md index c8ade5f00..f280bc8ab 100644 --- a/docs/3.2.x/customizing-fonts.md +++ b/docs/3.2.x/customizing-fonts.md @@ -7,9 +7,9 @@ Follow 3 simple steps to add a custom font family. ### Loading fonts in Expo or React Native init project. -[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/) +[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/) -[Refer this guide if you're using React Native init](https://medium.com/@aravindmnair/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) +[Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) ### Extend NativeBase theme object. diff --git a/docs/3.2.x/icon-button.md b/docs/3.2.x/icon-button.md index 74f6e7309..a46abfa9c 100644 --- a/docs/3.2.x/icon-button.md +++ b/docs/3.2.x/icon-button.md @@ -40,4 +40,4 @@ import { ComponentTheme } from '../../src/components'; ## Accessibility - Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices. -- IconButton has a `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- IconButton has a `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). diff --git a/docs/3.2.x/installation.mdx b/docs/3.2.x/installation.mdx index a67907828..6dbe787fc 100644 --- a/docs/3.2.x/installation.mdx +++ b/docs/3.2.x/installation.mdx @@ -3,9 +3,9 @@ id: installation title: Installation --- -import { InstallationTiles } from "../../src/components"; +import { InstallationTiles } from '../../src/components'; -**NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). +**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). Refer the guides shown below to setup NativeBase in your React app. @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des aang transitioning to avatar state - \ No newline at end of file + diff --git a/docs/3.2.x/link.md b/docs/3.2.x/link.md index f9d3b7321..1a77312d7 100644 --- a/docs/3.2.x/link.md +++ b/docs/3.2.x/link.md @@ -57,4 +57,4 @@ import { Link } from 'native-base'; ## Accessibility -Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link) +Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.2.x/menu.md b/docs/3.2.x/menu.md index 0f6770f1f..c1a9840b7 100644 --- a/docs/3.2.x/menu.md +++ b/docs/3.2.x/menu.md @@ -91,4 +91,4 @@ Extends `MenuItem`. ## Accessibility -Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu) +Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.2.x/modal.md b/docs/3.2.x/modal.md index c8bb4ccb1..25b8d3554 100644 --- a/docs/3.2.x/modal.md +++ b/docs/3.2.x/modal.md @@ -78,7 +78,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` ## Accessibility -Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal). +Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.2.x/radio.md b/docs/3.2.x/radio.md index f03bd8b09..66e78ee3f 100644 --- a/docs/3.2.x/radio.md +++ b/docs/3.2.x/radio.md @@ -79,7 +79,7 @@ import { ComponentTheme } from '../../src/components'; ## Accessibility -Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#radiobutton). +Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.2.x/safe-area-view-props.md b/docs/3.2.x/safe-area-view-props.md index 9b59a2fd5..2e19fc297 100644 --- a/docs/3.2.x/safe-area-view-props.md +++ b/docs/3.2.x/safe-area-view-props.md @@ -13,7 +13,7 @@ To make your components respect the [SafeAreaView](https://reactnative.dev/docs/ - `safeAreaLeft`: Apply safe padding to left. - `safeAreaRight`: Apply safe padding to right. -Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.io/versions/latest/sdk/safe-area-context/#hooks) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). +Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). :::info diff --git a/docs/3.2.x/setup-provider.md b/docs/3.2.x/setup-provider.md index b4eb8da17..504bc543d 100644 --- a/docs/3.2.x/setup-provider.md +++ b/docs/3.2.x/setup-provider.md @@ -93,7 +93,7 @@ export default ({ children, theme }: any) => { ## Add external dependencies (Optional) -If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) +If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) ```jsx import React from 'react'; diff --git a/docs/3.2.x/slider.md b/docs/3.2.x/slider.md index 1e1d34811..854186435 100644 --- a/docs/3.2.x/slider.md +++ b/docs/3.2.x/slider.md @@ -74,7 +74,7 @@ import { Slider } from 'native-base'; ## Accessibility -Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#slidertwothumb) +Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.3.x/accessibility.md b/docs/3.3.x/accessibility.md index 3ccb492bb..45f384f33 100644 --- a/docs/3.3.x/accessibility.md +++ b/docs/3.3.x/accessibility.md @@ -15,7 +15,7 @@ When a view is marked as accessible, it is a good practice to set an `accessibil ## Keyboard Navigation -Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/). +Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/). ## Focus Management diff --git a/docs/3.3.x/alert-dialog.md b/docs/3.3.x/alert-dialog.md index 5bd498933..a0e931e41 100644 --- a/docs/3.3.x/alert-dialog.md +++ b/docs/3.3.x/alert-dialog.md @@ -93,7 +93,7 @@ AlertDialog and its components compose the **[Modal](/modal)** component, so all ## Accessibility -Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog) +Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.3.x/box.md b/docs/3.3.x/box.md index 400bf1408..5642e591e 100644 --- a/docs/3.3.x/box.md +++ b/docs/3.3.x/box.md @@ -49,7 +49,7 @@ export const Example = () => { ### With Linear gradient -If you're using [Expo](https://docs.expo.io/) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. +If you're using [Expo](https://docs.expo.dev/index.html) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. ```jsx isLive=true import React from 'react'; diff --git a/docs/3.3.x/button.mdx b/docs/3.3.x/button.mdx index 1506e72c2..54340df7f 100644 --- a/docs/3.3.x/button.mdx +++ b/docs/3.3.x/button.mdx @@ -3,17 +3,17 @@ id: button title: Button --- -import { ComponentTheme } from "../src/components"; +import { ComponentTheme } from '../src/components'; The `Button` component triggers an event or an action. Examples can be submitting forms and deleting a data point. ```jsx isShowcase gradient=0 -import React from "react"; -import { Button } from "native-base"; +import React from 'react'; +import { Button } from 'native-base'; export const Example = () => { return ( - ); @@ -23,7 +23,7 @@ export const Example = () => { ## Import ```jsx -import { Button } from "native-base"; +import { Button } from 'native-base'; ``` - **Button** : The button component with support for custom icons, spinners, etc. @@ -99,5 +99,5 @@ When you use the ButtonGroup component, it allows you to: ## Accessibility -- Button has `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- Button has `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). - When Button has focus, Space or Enter activates it. diff --git a/docs/3.3.x/checkbox.md b/docs/3.3.x/checkbox.md index cf84f2e9e..d6f6060b4 100644 --- a/docs/3.3.x/checkbox.md +++ b/docs/3.3.x/checkbox.md @@ -115,7 +115,7 @@ export const Example = () => { ## Accessibility -Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox). +Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.3.x/customizing-fonts.md b/docs/3.3.x/customizing-fonts.md index c8ade5f00..f280bc8ab 100644 --- a/docs/3.3.x/customizing-fonts.md +++ b/docs/3.3.x/customizing-fonts.md @@ -7,9 +7,9 @@ Follow 3 simple steps to add a custom font family. ### Loading fonts in Expo or React Native init project. -[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/) +[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/) -[Refer this guide if you're using React Native init](https://medium.com/@aravindmnair/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) +[Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) ### Extend NativeBase theme object. diff --git a/docs/3.3.x/icon-button.md b/docs/3.3.x/icon-button.md index 6628662f3..f7f1c3764 100644 --- a/docs/3.3.x/icon-button.md +++ b/docs/3.3.x/icon-button.md @@ -78,4 +78,4 @@ export const Example = () => { ## Accessibility - Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices. -- IconButton has a `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- IconButton has a `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). diff --git a/docs/3.3.x/installation.mdx b/docs/3.3.x/installation.mdx index ef70da4f5..def5e424f 100644 --- a/docs/3.3.x/installation.mdx +++ b/docs/3.3.x/installation.mdx @@ -3,9 +3,9 @@ id: installation title: Installation --- -import { InstallationTiles } from "../src/components"; +import { InstallationTiles } from '../src/components'; -**NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). +**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). Refer the guides shown below to setup NativeBase in your React app. @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des aang transitioning to avatar state diff --git a/docs/3.3.x/link.md b/docs/3.3.x/link.md index 0e1fcea4e..897c9be04 100644 --- a/docs/3.3.x/link.md +++ b/docs/3.3.x/link.md @@ -70,4 +70,4 @@ import { Link } from 'native-base'; ## Accessibility -Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link) +Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.3.x/menu.md b/docs/3.3.x/menu.md index 24f7b77e0..643d1d5d3 100644 --- a/docs/3.3.x/menu.md +++ b/docs/3.3.x/menu.md @@ -123,4 +123,4 @@ Extends `MenuItem`. ## Accessibility -Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu) +Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.3.x/modal.md b/docs/3.3.x/modal.md index de1c66ae8..f612ac51a 100644 --- a/docs/3.3.x/modal.md +++ b/docs/3.3.x/modal.md @@ -132,7 +132,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` ## Accessibility -Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal). +Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.3.x/radio.md b/docs/3.3.x/radio.md index 1a70671a3..036a87427 100644 --- a/docs/3.3.x/radio.md +++ b/docs/3.3.x/radio.md @@ -104,7 +104,7 @@ export const Example = () => { ## Accessibility -Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#radiobutton). +Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.3.x/safe-area-view-props.md b/docs/3.3.x/safe-area-view-props.md index 87b69a291..3690e099c 100644 --- a/docs/3.3.x/safe-area-view-props.md +++ b/docs/3.3.x/safe-area-view-props.md @@ -13,7 +13,7 @@ To make your components respect the [SafeAreaView](https://reactnative.dev/docs/ - `safeAreaLeft`: Apply safe padding to left. - `safeAreaRight`: Apply safe padding to right. -Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.io/versions/latest/sdk/safe-area-context/#hooks) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). +Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). :::info diff --git a/docs/3.3.x/setup-provider.md b/docs/3.3.x/setup-provider.md index 9143607f7..e096bbaa7 100644 --- a/docs/3.3.x/setup-provider.md +++ b/docs/3.3.x/setup-provider.md @@ -93,7 +93,7 @@ export default ({ children, theme }: any) => { ## Add external dependencies (Optional) -If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in `NativeBaseProvider`. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) +If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in `NativeBaseProvider`. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) ```jsx import React from 'react'; diff --git a/docs/3.3.x/slider.md b/docs/3.3.x/slider.md index a903e424d..8a336df78 100644 --- a/docs/3.3.x/slider.md +++ b/docs/3.3.x/slider.md @@ -97,7 +97,7 @@ import { Slider } from 'native-base'; ## Accessibility -Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#slidertwothumb) +Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.4.x/accessibility.md b/docs/3.4.x/accessibility.md index 3ccb492bb..45f384f33 100644 --- a/docs/3.4.x/accessibility.md +++ b/docs/3.4.x/accessibility.md @@ -15,7 +15,7 @@ When a view is marked as accessible, it is a good practice to set an `accessibil ## Keyboard Navigation -Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/). +Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/). ## Focus Management diff --git a/docs/3.4.x/alert-dialog.md b/docs/3.4.x/alert-dialog.md index 5bd498933..a0e931e41 100644 --- a/docs/3.4.x/alert-dialog.md +++ b/docs/3.4.x/alert-dialog.md @@ -93,7 +93,7 @@ AlertDialog and its components compose the **[Modal](/modal)** component, so all ## Accessibility -Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog) +Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/3.4.x/box.md b/docs/3.4.x/box.md index 400bf1408..5642e591e 100644 --- a/docs/3.4.x/box.md +++ b/docs/3.4.x/box.md @@ -49,7 +49,7 @@ export const Example = () => { ### With Linear gradient -If you're using [Expo](https://docs.expo.io/) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. +If you're using [Expo](https://docs.expo.dev/index.html) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. ```jsx isLive=true import React from 'react'; diff --git a/docs/3.4.x/button.mdx b/docs/3.4.x/button.mdx index 1506e72c2..54340df7f 100644 --- a/docs/3.4.x/button.mdx +++ b/docs/3.4.x/button.mdx @@ -3,17 +3,17 @@ id: button title: Button --- -import { ComponentTheme } from "../src/components"; +import { ComponentTheme } from '../src/components'; The `Button` component triggers an event or an action. Examples can be submitting forms and deleting a data point. ```jsx isShowcase gradient=0 -import React from "react"; -import { Button } from "native-base"; +import React from 'react'; +import { Button } from 'native-base'; export const Example = () => { return ( - ); @@ -23,7 +23,7 @@ export const Example = () => { ## Import ```jsx -import { Button } from "native-base"; +import { Button } from 'native-base'; ``` - **Button** : The button component with support for custom icons, spinners, etc. @@ -99,5 +99,5 @@ When you use the ButtonGroup component, it allows you to: ## Accessibility -- Button has `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- Button has `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). - When Button has focus, Space or Enter activates it. diff --git a/docs/3.4.x/checkbox.md b/docs/3.4.x/checkbox.md index cf84f2e9e..d6f6060b4 100644 --- a/docs/3.4.x/checkbox.md +++ b/docs/3.4.x/checkbox.md @@ -115,7 +115,7 @@ export const Example = () => { ## Accessibility -Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox). +Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.4.x/customizing-fonts.md b/docs/3.4.x/customizing-fonts.md index c8ade5f00..f280bc8ab 100644 --- a/docs/3.4.x/customizing-fonts.md +++ b/docs/3.4.x/customizing-fonts.md @@ -7,9 +7,9 @@ Follow 3 simple steps to add a custom font family. ### Loading fonts in Expo or React Native init project. -[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/) +[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/) -[Refer this guide if you're using React Native init](https://medium.com/@aravindmnair/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) +[Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) ### Extend NativeBase theme object. diff --git a/docs/3.4.x/icon-button.md b/docs/3.4.x/icon-button.md index 6628662f3..f7f1c3764 100644 --- a/docs/3.4.x/icon-button.md +++ b/docs/3.4.x/icon-button.md @@ -78,4 +78,4 @@ export const Example = () => { ## Accessibility - Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices. -- IconButton has a `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- IconButton has a `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). diff --git a/docs/3.4.x/installation.mdx b/docs/3.4.x/installation.mdx index ef70da4f5..def5e424f 100644 --- a/docs/3.4.x/installation.mdx +++ b/docs/3.4.x/installation.mdx @@ -3,9 +3,9 @@ id: installation title: Installation --- -import { InstallationTiles } from "../src/components"; +import { InstallationTiles } from '../src/components'; -**NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). +**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). Refer the guides shown below to setup NativeBase in your React app. @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des aang transitioning to avatar state diff --git a/docs/3.4.x/link.md b/docs/3.4.x/link.md index 0e1fcea4e..897c9be04 100644 --- a/docs/3.4.x/link.md +++ b/docs/3.4.x/link.md @@ -70,4 +70,4 @@ import { Link } from 'native-base'; ## Accessibility -Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link) +Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.4.x/menu.md b/docs/3.4.x/menu.md index 24f7b77e0..643d1d5d3 100644 --- a/docs/3.4.x/menu.md +++ b/docs/3.4.x/menu.md @@ -123,4 +123,4 @@ Extends `MenuItem`. ## Accessibility -Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu) +Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/3.4.x/modal.md b/docs/3.4.x/modal.md index de1c66ae8..f612ac51a 100644 --- a/docs/3.4.x/modal.md +++ b/docs/3.4.x/modal.md @@ -132,7 +132,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` ## Accessibility -Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal). +Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.4.x/radio.md b/docs/3.4.x/radio.md index 1a70671a3..036a87427 100644 --- a/docs/3.4.x/radio.md +++ b/docs/3.4.x/radio.md @@ -104,7 +104,7 @@ export const Example = () => { ## Accessibility -Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#radiobutton). +Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/3.4.x/safe-area-view-props.md b/docs/3.4.x/safe-area-view-props.md index 87b69a291..3690e099c 100644 --- a/docs/3.4.x/safe-area-view-props.md +++ b/docs/3.4.x/safe-area-view-props.md @@ -13,7 +13,7 @@ To make your components respect the [SafeAreaView](https://reactnative.dev/docs/ - `safeAreaLeft`: Apply safe padding to left. - `safeAreaRight`: Apply safe padding to right. -Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.io/versions/latest/sdk/safe-area-context/#hooks) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). +Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). :::info diff --git a/docs/3.4.x/setup-provider.md b/docs/3.4.x/setup-provider.md index 7cab1810a..276b92bfd 100644 --- a/docs/3.4.x/setup-provider.md +++ b/docs/3.4.x/setup-provider.md @@ -93,7 +93,7 @@ export default ({ children, theme }: any) => { ## Add external dependencies (Optional) -If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) +If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) ```jsx import React from 'react'; diff --git a/docs/3.4.x/slider.md b/docs/3.4.x/slider.md index a903e424d..8a336df78 100644 --- a/docs/3.4.x/slider.md +++ b/docs/3.4.x/slider.md @@ -97,7 +97,7 @@ import { Slider } from 'native-base'; ## Accessibility -Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#slidertwothumb) +Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/next/accessibility.md b/docs/next/accessibility.md index 3ccb492bb..45f384f33 100644 --- a/docs/next/accessibility.md +++ b/docs/next/accessibility.md @@ -15,7 +15,7 @@ When a view is marked as accessible, it is a good practice to set an `accessibil ## Keyboard Navigation -Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/). +Many complex components, like Tabs and Dialog, come with expectations from users on how to interact with their content using a keyboard or other non-mouse input modalities. NativeBase Primitives provide basic keyboard support in accordance with the [WAI-ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/). ## Focus Management diff --git a/docs/next/alert-dialog.md b/docs/next/alert-dialog.md index 5bd498933..a0e931e41 100644 --- a/docs/next/alert-dialog.md +++ b/docs/next/alert-dialog.md @@ -93,7 +93,7 @@ AlertDialog and its components compose the **[Modal](/modal)** component, so all ## Accessibility -Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog) +Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions diff --git a/docs/next/box.md b/docs/next/box.md index 400bf1408..5642e591e 100644 --- a/docs/next/box.md +++ b/docs/next/box.md @@ -49,7 +49,7 @@ export const Example = () => { ### With Linear gradient -If you're using [Expo](https://docs.expo.io/) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. +If you're using [Expo](https://docs.expo.dev/index.html) managed or bare workflow, you can install [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) and configure it in the [NativeBaseProvider](setup-provider#add-external-dependencies-optional) as shown below. ```jsx isLive=true import React from 'react'; diff --git a/docs/next/button.mdx b/docs/next/button.mdx index 1506e72c2..54340df7f 100644 --- a/docs/next/button.mdx +++ b/docs/next/button.mdx @@ -3,17 +3,17 @@ id: button title: Button --- -import { ComponentTheme } from "../src/components"; +import { ComponentTheme } from '../src/components'; The `Button` component triggers an event or an action. Examples can be submitting forms and deleting a data point. ```jsx isShowcase gradient=0 -import React from "react"; -import { Button } from "native-base"; +import React from 'react'; +import { Button } from 'native-base'; export const Example = () => { return ( - ); @@ -23,7 +23,7 @@ export const Example = () => { ## Import ```jsx -import { Button } from "native-base"; +import { Button } from 'native-base'; ``` - **Button** : The button component with support for custom icons, spinners, etc. @@ -99,5 +99,5 @@ When you use the ButtonGroup component, it allows you to: ## Accessibility -- Button has `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- Button has `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). - When Button has focus, Space or Enter activates it. diff --git a/docs/next/checkbox.md b/docs/next/checkbox.md index cf84f2e9e..d6f6060b4 100644 --- a/docs/next/checkbox.md +++ b/docs/next/checkbox.md @@ -115,7 +115,7 @@ export const Example = () => { ## Accessibility -Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox). +Uses React Native ARIA [@react-native-aria/checkbox](https://react-native-aria.geekyants.com/docs/useCheckbox) which follows the [Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/next/customizing-fonts.md b/docs/next/customizing-fonts.md index c8ade5f00..f280bc8ab 100644 --- a/docs/next/customizing-fonts.md +++ b/docs/next/customizing-fonts.md @@ -7,9 +7,9 @@ Follow 3 simple steps to add a custom font family. ### Loading fonts in Expo or React Native init project. -[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/) +[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/) -[Refer this guide if you're using React Native init](https://medium.com/@aravindmnair/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) +[Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9) ### Extend NativeBase theme object. diff --git a/docs/next/icon-button.md b/docs/next/icon-button.md index 6628662f3..f7f1c3764 100644 --- a/docs/next/icon-button.md +++ b/docs/next/icon-button.md @@ -78,4 +78,4 @@ export const Example = () => { ## Accessibility - Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices. -- IconButton has a `role` set to [button](https://www.w3.org/TR/wai-aria-practices-1.2/#button). +- IconButton has a `role` set to [button](https://www.w3.org/WAI/ARIA/apg/). diff --git a/docs/next/installation.mdx b/docs/next/installation.mdx index ef70da4f5..def5e424f 100644 --- a/docs/next/installation.mdx +++ b/docs/next/installation.mdx @@ -3,9 +3,9 @@ id: installation title: Installation --- -import { InstallationTiles } from "../src/components"; +import { InstallationTiles } from '../src/components'; -**NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). +**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/). Refer the guides shown below to setup NativeBase in your React app. @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des aang transitioning to avatar state diff --git a/docs/next/link.md b/docs/next/link.md index 0e1fcea4e..897c9be04 100644 --- a/docs/next/link.md +++ b/docs/next/link.md @@ -70,4 +70,4 @@ import { Link } from 'native-base'; ## Accessibility -Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link) +Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/next/menu.md b/docs/next/menu.md index 24f7b77e0..643d1d5d3 100644 --- a/docs/next/menu.md +++ b/docs/next/menu.md @@ -123,4 +123,4 @@ Extends `MenuItem`. ## Accessibility -Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu) +Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) diff --git a/docs/next/modal.md b/docs/next/modal.md index de1c66ae8..f612ac51a 100644 --- a/docs/next/modal.md +++ b/docs/next/modal.md @@ -132,7 +132,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` ## Accessibility -Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal). +Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/next/radio.md b/docs/next/radio.md index 1a70671a3..036a87427 100644 --- a/docs/next/radio.md +++ b/docs/next/radio.md @@ -104,7 +104,7 @@ export const Example = () => { ## Accessibility -Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#radiobutton). +Uses React Native ARIA [@react-native-aria/radio](https://react-native-aria.geekyants.com/docs/useRadioGroup) which follows the [Radio Group WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/). ### Keyboard Interactions diff --git a/docs/next/safe-area-view-props.md b/docs/next/safe-area-view-props.md index 87b69a291..3690e099c 100644 --- a/docs/next/safe-area-view-props.md +++ b/docs/next/safe-area-view-props.md @@ -13,7 +13,7 @@ To make your components respect the [SafeAreaView](https://reactnative.dev/docs/ - `safeAreaLeft`: Apply safe padding to left. - `safeAreaRight`: Apply safe padding to right. -Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.io/versions/latest/sdk/safe-area-context/#hooks) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). +Internally, NativeBase uses [useSafeAreaInsets](https://docs.expo.dev/versions/latest/sdk/safe-area-context/) hook of [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context). :::info diff --git a/docs/next/setup-provider.md b/docs/next/setup-provider.md index 7cab1810a..276b92bfd 100644 --- a/docs/next/setup-provider.md +++ b/docs/next/setup-provider.md @@ -93,7 +93,7 @@ export default ({ children, theme }: any) => { ## Add external dependencies (Optional) -If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) +If you want to use [Gradient feature in Box](box#with-linear-gradient), you need to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) ```jsx import React from 'react'; diff --git a/docs/next/slider.md b/docs/next/slider.md index a903e424d..8a336df78 100644 --- a/docs/next/slider.md +++ b/docs/next/slider.md @@ -97,7 +97,7 @@ import { Slider } from 'native-base'; ## Accessibility -Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#slidertwothumb) +Adheres to the [Slider WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/) ### Keyboard Interactions