Code Block

Beta Widget - Stability NoticeThis widget is currently in beta. While functional, some aspects may change before the stable release:

Hardcoded colors: Uses fixed colors that don’t fully adapt to theme changes
Dark theme only: Currently optimized for dark themes only
Loading states: Basic loading and error handling that will be enhanced
Copy feedback: Copy button works but visual feedback for successful copying is planned for future releases

These limitations will be addressed in upcoming releases as the widget moves toward stable release.

Example

NeoCodeBlock(
  language: 'json',
  code: '''
{
  "products": [
    {
      "name": "Coca-Cola",
      "price": 2.99,
      "category": "beverages"
    },
    {
      "name": "Fanta Orange",
      "price": 2.79,
      "category": "beverages"
    },
    {
      "name": "Sprite",
      "price": 2.89,
      "category": "beverages"
    }
  ]
}''',
),

Properties

Required

String

required

The code content to display with syntax highlighting.

Content

String

default:"dart"

The programming language for syntax highlighting. Supports common languages like ‘json’, ‘javascript’, ‘typescript’, ‘python’, ‘yaml’, etc.

Behavior

The block needs a bounded width.
The copy button copies the whole string.
The text can still be selected.
A loading indicator shows while the highlighter starts.

Last modified on September 30, 2026

Getting Started

AI

Widgets

Layouts

Theming

Utilities

Code Block

Example

Properties

Required

Content

Behavior

​Example

​Properties

​Required

​Content

​Behavior

Example

Properties

Required

Content

Behavior