Code

Code is an easy way to render code blocks with syntax highlighting. It supports multiple files, languages, and layouts.

Packages

@rysana/threader-dark react-syntax-highlighter

import { z } from 'zod'
import { action } from 'lusat'

const myAction = action()
  .describe('Delete a todo by ID')
  .input(z.string())
  .handle((id) => {/*...*/})

SyntaxHighlighter can be used to render contextual color into the content of a <pre><code> block, which uses the Threader theme we created in-house by default.

const greet = () => console.log('Hi!')

Code can optionally render without the top bar.

npm i lusat

Join our newsletter to stay up to date on our progress!