Code Block Format Tests

Testing Framer's native code block format.

1. Framer Native Format (data-language on pre)

const greeting = 'Hello World';
console.log(greeting);
return true;

2. Framer Format with JavaScript

function example() {
  const name = 'test';
  console.log(name);
  return name;
}

3. Framer Format with TypeScript

interface User {
  name: string;
  age: number;
}

const user: User = { name: 'John', age: 30 };

4. Framer Format with CSS

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

5. Framer Format with HTML

<div class="wrapper">
  <h1>Hello</h1>
  <p>World</p>
</div>

6. Framer Format - Plain (no language)

This is plain text in a code block
No syntax highlighting expected

7. Inline code for comparison

Here is inline code: const x = 42; - this should work.

End of tests

Check above to see which formats rendered as code blocks.