This is a wrapping component with styles and some extra logic above PrismJS.

PropertyTypeRequiredDefault ValueDescription

Language to parse, visit prismjs to see supported languages. By default, this component imports only javascript, jsx, markup, css, and json highlighting. If you want to use another syntax, you will have to import it as following:import 'prismjs/components/prism-yourlang' in your files


Code to be highlighted


Other properties passed down to the refractor component. See the documentation for more information.

UikCodeHighlight Examples

ComponentExample Code
const hello = "Hello Kit'
  code={ 'const hello = "Hello Kit" }