docs: Updated broken links in docs

agrawal-rohit · Dec 17, 2023 · 92a72bb · 92a72bb · vercel · Dec 17, 2023
1 parent 0ec63c0
commit 92a72bb
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/docs/docs/components/forms/Switch.mdx b/docs/docs/components/forms/Switch.mdx
@@ -112,7 +112,7 @@ import Snack from "../../../src/components/ExpoSnack";
 
 ### Supported Style Properties
 
-The `Switch` component is a composition of the [Pressable](../layout/Pressable) component, which means all [Pressable](../layout/Pressable) props can be passed to it.
+The `Switch` component is a composition of the [Pressable](./Pressable) component, which means all [Pressable](./Pressable) props can be passed to it.
 
 ### Additional Properties
 

diff --git a/docs/docs/components/forms/Textarea.mdx b/docs/docs/components/forms/Textarea.mdx
@@ -140,7 +140,7 @@ import Snack from "../../../src/components/ExpoSnack";
 
 ### Supported Style Properties
 
-The `Textarea` component is a composition of the [Input](../layout/Input) component, which means all [Input](../layout/Input) props can be passed to it.
+The `Textarea` component is a composition of the [Input](./Input) component, which means all [Input](./Input) props can be passed to it.
 
 ### Additional Properties
 

diff --git a/docs/docs/overview/core-features/dark-mode.mdx b/docs/docs/overview/core-features/dark-mode.mdx
@@ -7,7 +7,7 @@ Pearl UI is equipped with a built-in feature for managing the active color mode
 
 ## Setting the initial color mode
 
-You can specify the color mode of your application upon its first load using the [ThemeProvider](../../getting-started/setup#setting-up-the-theme-provider). This component expects an `initialColorMode` prop which can accept the following values:
+You can specify the color mode of your application upon its first load using the [ThemeProvider](../getting-started/installation#setting-up-the-theme-provider). This component expects an `initialColorMode` prop which can accept the following values:
 
 1. **light**: The application will always start in _light_ mode
 2. **dark**: The application will always start in _dark_ mode

diff --git a/docs/docs/overview/core-features/extensibility.mdx b/docs/docs/overview/core-features/extensibility.mdx
@@ -125,5 +125,5 @@ In this example, `ActionButton` is the base component that we are converting int
 
 For more information on how to use Pearl UI's extensibility features, you may find the following sections of the documentation helpful:
 
-1. **[Design Principles](./design-principles)**: This section provides an overview of the design principles that Pearl UI adheres to, including the Atomic Design methodology. Understanding these principles can help you make the most of Pearl UI's extensibility features.
-2. **[pearl](../hooks/pearl)**: This section provides a detailed explanation of the `pearl` function, including its parameters and how it works. This is a key function for extending Pearl UI with third-party components.
+1. **[Design Principles](../getting-started/design-principles)**: This section provides an overview of the design principles that Pearl UI adheres to, including the Atomic Design methodology. Understanding these principles can help you make the most of Pearl UI's extensibility features.
+2. **[pearl](../../utils/hooks/pearl)**: This section provides a detailed explanation of the `pearl` function, including its parameters and how it works. This is a key function for extending Pearl UI with third-party components.
diff --git a/docs/docs/utils/hooks/useResponsiveProp.mdx b/docs/docs/utils/hooks/useResponsiveProp.mdx
@@ -29,6 +29,6 @@ In the example above, the `responsiveWidth` will be "100%" on phones, "50%" on t
 
 ## Parameters
 
-| Name        | Required | Type                                                                      | Description                                                                                                                   |
-| ----------- | -------- | ------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- |
-| `propValue` | Yes      | <t>{[breakpoint](../theming/default-theme#breakpoints): <t>value</t>}</t> | An object that specifies the values for different breakpoints. This object is used to determine the return value of the hook. |
+| Name        | Required | Type                                                                                  | Description                                                                                                                   |
+| ----------- | -------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- |
+| `propValue` | Yes      | <t>{[breakpoint](../../overview/theming/default-theme#breakpoints): <t>value</t>}</t> | An object that specifies the values for different breakpoints. This object is used to determine the return value of the hook. |