Skip to content

Commit 770fdee

Browse files
committed
Fix docs missing links
1 parent a8cbf6c commit 770fdee

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

docs/docs/contributing/componentCreation.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Inside the component folder, you will need to create at least the following file
1515
Inside the `index.tsx` file, you should create the component itself. You can use the `Button` component as an example.
1616

1717
#### 3.1 Set your component default styles
18-
On `src/core/theme/defaultTheme/components`, you will find a file for each component. For example, the `Button` component has a `Button.ts` file. This file contains the default styles of the component and its subcomponents for each relevant state. You should add your component styles file there, and don't forget to add the component to the `components` object on the `src/core/theme/defaultTheme/index.ts` file. You can see more about how to set the default styles on the [Styling your component](/docs/contributing/StylingYourComponent) section.
18+
On `src/core/theme/defaultTheme/components`, you will find a file for each component. For example, the `Button` component has a `Button.ts` file. This file contains the default styles of the component and its subcomponents for each relevant state. You should add your component styles file there, and don't forget to add the component to the `components` object on the `src/core/theme/defaultTheme/index.ts` file. You can see more about how to set the default styles on the _Styling your component_ section.
1919

2020
#### 3.2 Add your component props resolver hook
2121
On the `hooks.ts` file you should create your `useComponentNamePropsResolver` hook. This hook should receive the component props that are important for the component style (for example wheter the button is disabled or not) and return the resolved props that will be used by the component and its subcomponents. You can use the `useButtonPropsResolver` hook as an example. It's important to note that the `useComponentNamePropsResolver` hook has the responsibility of applying the default props of the component, if you are having troubles with this be sure to check that you are properly calling your hook inside your component.

0 commit comments

Comments
 (0)