Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

301 fixes #309

Open
wants to merge 1 commit into
base: staging
Choose a base branch
from
Open

301 fixes #309

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/3.0.x/accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/alert-dialog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/box.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/button.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
2 changes: 1 addition & 1 deletion docs/3.0.x/checkbox.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
4 changes: 2 additions & 2 deletions docs/3.0.x/customizing-fonts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/icon-button.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).
6 changes: 3 additions & 3 deletions docs/3.0.x/installation.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand All @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des
<AspectRatio ratio={1.7} w="100%" maxW="1056">
<Image
resizeMode="contain"
source={{ uri: "/img/NativeBaseSnippet.gif" }}
source={{ uri: '/img/NativeBaseSnippet.gif' }}
alt="aang transitioning to avatar state"
/>
</AspectRatio>
2 changes: 1 addition & 1 deletion docs/3.0.x/link.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/)
2 changes: 1 addition & 1 deletion docs/3.0.x/menu.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/)
2 changes: 1 addition & 1 deletion docs/3.0.x/modal.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/radio.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/safe-area-view-props.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/setup-provider.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down
2 changes: 1 addition & 1 deletion docs/3.0.x/slider.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/alert-dialog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/box.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/button.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
2 changes: 1 addition & 1 deletion docs/3.1.x/checkbox.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
4 changes: 2 additions & 2 deletions docs/3.1.x/customizing-fonts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/icon-button.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).
8 changes: 4 additions & 4 deletions docs/3.1.x/installation.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand All @@ -27,7 +27,7 @@ All snippets start with the prefix `nb-` and are followed by the name of the des
<AspectRatio ratio={1.7} w="100%" maxW="1056">
<Image
resizeMode="contain"
source={{ uri: "/img/NativeBaseSnippet.gif" }}
source={{ uri: '/img/NativeBaseSnippet.gif' }}
alt="aang transitioning to avatar state"
/>
</AspectRatio>
</AspectRatio>
2 changes: 1 addition & 1 deletion docs/3.1.x/link.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/)
2 changes: 1 addition & 1 deletion docs/3.1.x/menu.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/)
2 changes: 1 addition & 1 deletion docs/3.1.x/modal.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/radio.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/safe-area-view-props.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/setup-provider.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down
2 changes: 1 addition & 1 deletion docs/3.1.x/slider.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.2.x/accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.2.x/alert-dialog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion docs/3.2.x/box.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down
2 changes: 1 addition & 1 deletion docs/3.2.x/button.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
2 changes: 1 addition & 1 deletion docs/3.2.x/checkbox.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
4 changes: 2 additions & 2 deletions docs/3.2.x/customizing-fonts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
Loading