# 👨💻 Code Editor

<figure><img src="../../.gitbook/assets/image (6).png" alt=""><figcaption></figcaption></figure>

you can get a code editor like any input on splade by just use this code

```markup
<x-tomato-admin-code 
    label="Content"
    name="content" 
    ex="txt" 
/>
```

where `:ex` is the excitation of the file

this component used [codemirror-editor-vue3](https://www.npmjs.com/package/codemirror-editor-vue3)