-
Notifications
You must be signed in to change notification settings - Fork 1.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
✨ Recipe Block #2323
base: main
Are you sure you want to change the base?
✨ Recipe Block #2323
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
With a coat of paint this looks legit |
Co-authored-by: Brady Stroud <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<TinaMarkdown | ||
key={highlightLines} | ||
content={codeblock} | ||
components={{ | ||
code_block: (props) => ( | ||
<CodeBlockWithHighlightLines | ||
{...props} | ||
highlightLines={highlightLines} | ||
/> | ||
), | ||
}} | ||
/> | ||
</div> | ||
) : ( | ||
<p>No code block available.</p> | ||
)} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
cc @JackDevAU
I dont like that we need to have a TinaMarkdown
rich text field here to get the code block.
My suggested solution
- New custom Tina field - just a string but with a
ui
override with a nice code editor - use that here instead of
TinaMarkdown
@joshbermanssw
|
#2320
created PoC. This PR is to just be able to show the preview environment.
If we go ahead with the PoC i will fill out the PR and polish the code (its not done anyways in terms of UI :) )
Update: we went ahead with it! This awesome component is taking life and will revamp users' docs experience.
Test passed by @bettybondoc
Figure: Tablet View
Figure: Laptop View