[Sistent] Code syntax highlighting for sistent components
Closed this issue · 7 comments
Current Behavior
Currently, the code shown for sistent components, is rendered as plain-text.
Desired Behavior
The JSX syntax should be highlighted.
Screenshots / Mockups
Existing UI:
Implementation
we can utilize existing libraries for it.
Acceptance Tests
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
- 📚 See contributing instructions.
- 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.
Join the Layer5 Community by submitting your community member form.
is this issue open? i saw some commits.
@mannika763 do you wanna work on this issue?
Yes please @Ashparshp
@mannika763 Since we haven't heard back from @lakshz for a while, I can assign this issue to you..
Hey @Ashparshp
I have a small doubt here. When you say "The JSX syntax should be highlighted," do you mean I should highlight the text or the background? Could you please provide an example from a website where we can see this behavior?
Thank you!
@mannika763 Refer the previous PR and discussion in that and also, @sudhanshutech Can share more about it!
Hi @Ashparshp
This is how the changes are looking in the UI. Before I make a PR, I wanted to confirm with you if everything looks good.
