Skip to main content

CodeEditor

Function CodeEditor 

Source
pub fn CodeEditor(props: CodeEditorProps) -> Element
Expand description

Editable syntax-highlighted code surface.

The component is controlled by CodeEditorProps::value; update that value from CodeEditorProps::oninput to keep the highlight layer and editable layer in sync.

use dioxus::prelude::*;
use dioxus_code::Theme;
use dioxus_code_editor::{CodeEditor, Language};

fn _example() -> Element {
    let mut source = use_signal(String::new);
    rsx! {
        CodeEditor {
            value: source(),
            language: Language::Rust,
            theme: Theme::TOKYO_NIGHT,
            oninput: move |value| source.set(value),
        }
    }
}