components

Code Area

Display code snippets with syntax highlighting and formatting

Source CodeShikiShiki
Loading

Installation



Usage


Imports


/components/ui/code-area


Code


/components/ui/code-area




Examples


Theme


Loading


Language


Loading


With Tabs


Loading


With Copy Button


Loading




Props


<CodeArea>
NameDefaultValues
code*-string
language-typescriptjavascriptpythonjavacsharphtmlcssjsonmarkdownbash...
themegithub-dark-high-contrastgithub-dark-high-contrastnorddraculasolarized-lightsolarized-dark...
showLineNumbersfalseboolean
External Reference--
Check BoxCollapsible