Code block

Code blocks display multi-line code in a structured, readable format.

A code block displays multi-line code in a structured, readable format. It is used to present code examples or snippets that need to stand out from surrounding text.

Code blocks help preserve formatting and improve readability when sharing or documenting code within the interface.

 

Storybook

 

Code block with tabs

You can add tabs and actions to the code box to provide multiple code references in a single view