Code blocks are interesting. They often come with a language, that you can use to do syntax highlighting. This library does not come with a syntax highlighter, though, but we do tag the resulting HTML tags with enough information to add it later.

Code blocks also support captions.

Examples

Some examples (these will render the same without a syntax highlighter):

SELECT *
FROM customers
WHERE first_name = 'Robert';

SQL code.

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

This is TypeScript

Styling

Code blocks should be styled by selecting .code.

Additionally, a lang-{language} class will be applied to identify the language inside it.