pub fn CodeEditor(props: CodeEditorProps) -> ElementExpand 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),
}
}
}