ClickHouse/click-ui

Codeblock component

Closed this issue · 1 comments

gjones commented

Summary

We need both a codeblock and a codeInline component for displaying code throughout the UI. Independent of the overall theme, codeblocks will have a LightMode and a DarkMode, there should also be a prop to hide the line numbers. Note that the text colour for the codeblocks is just the base, we should be using highlight.js or something to ensure we've got the correct syntax highlighting.

codeInline is a simpler component was should respond to the overall theme.

Images

CleanShot 2023-06-23 at 13 41 58@2x CleanShot 2023-06-23 at 13 42 17@2x
gjones commented

Received additional request for horizontal scrolling. Will update design accordingly.