File tree 1 file changed +4
-4
lines changed
1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change 9
9
### Settings
10
10
1 . Create a new directory for the component under the ` src/ ` directory in it's specific category.
11
11
2 . Copy over an existing components Story and index file and past into the new directory
12
- 4 . Switch all the old names with the new name with ( Cmd+Fn+F2)
12
+ 4 . Switch all the old names with the new name with ` Cmd+Fn+F2 `
13
13
3 . Set the component Interface (proprieties) and bring to the main fuction on ` index.tsx `
14
14
4 . Paste from Figma the code on the main function
15
15
5 . Switch the fixed proprieties values by your Interface proprieties you created
16
- 6 . Set argTypes on ` {component }.stories.ts ` exatcly as it is on your ` index.tsx ` with the control modes
16
+ 6 . Set argTypes on ` {NewComponentName }.stories.ts ` exatcly as it is on your ` index.tsx ` with the control modes
17
17
7 . Set the args for the variants previews too
18
18
19
19
### Stylishing
20
20
1 . Link all colors unliked to the Design System tokens using ⌘+Fn+F2
21
21
e.g: "text-#000000 " -> "text-text-strong-950"
22
22
2 . Link all fonts to the Design System tokens using ⌘+Fn+F2
23
- e.g: "text-base font-medium font-[ 'Inter'] leading-normal" -> "text-label-md"
23
+ e.g: "text-text-strong-950 text- base font-medium font-[ 'Inter'] leading-normal" -> "text-text-strong-950 text-label-md"
24
24
3 . Set all the icons right with Remix Icons components
25
- 4 . Make the Tailwind proprieties equal Auto-layout on Figma
25
+ 4 . Make the Tailwind proprieties equal Auto-layout on Figma
You can’t perform that action at this time.
0 commit comments