Feat: Enable heading referencing in guide page

pbclife / gitopener.vercel.app

Git Opener is a learning web app if you are looking forward to get started with open source then you are in right place. Please read contribution guideline.

https://gitopener.vercel.app

MIT License

49 stars 33 forks source link

Feat: Enable heading referencing in guide page #52

Open sboy99 opened 1 year ago

sboy99 commented 1 year ago

Description

In Guide page section enable # referencing

Create a RefWrapper mdx component to wrap h2, h3 headings
Create a rehype plugin withRefLinks that grabs h2, h3 elements and wrap with RefWrapper mdx component
Design RefWrapper component so that on hover # sign pop ups and user can copy the link.

Screenshots

Screenshot from 2023-01-29 10-59-36

Additional Information

No response

AniketNS commented 1 year ago

Hey @sboy99, can you assign this issue to me? I'd like to work on this.

sboy99 commented 1 year ago

Yup Go On

AniketNS commented 1 year ago

Thanks @sboy99, I'm looking into it

AniketNS commented 1 year ago

Hey @sboy99, can you please tell me how can I start? Please guide me...