Code blocks

Inline Code

To display text as inline code, wrap the text in backticks (`).

To display text as `inline code`, wrap the text in backticks (`).

Code Block

To display text as a code block, use three backticks before and after your content. Include the programming language in the first line to get syntax highlighting.

function hello(name) {
  console.log('Hello', name);
}

```javascript
function hello(name) {
  console.log('Hello', name);
}
```

Preview

Button

import { Button } from '@umami/react-zen';

export function ButtonExample() {
  return <Button>Button</Button>;
}