# `FrappeUIPhx.Components.CodeEditor`
[🔗](https://github.com/moacirbishopcamata/frappe_ui_phx/blob/v0.3.1/lib/frappe_ui_phx/components/code_editor.ex#L1)

Editor de código: `<textarea>` monoespaçado com numeração de linhas, tecla Tab
que indenta e rótulo da linguagem. É um campo de formulário comum (`name`,
`phx-change`, `field`).

Limite desta versão: **sem realce de sintaxe** (isso exigiria CodeMirror e seu
conjunto de dependências JS); o atributo `language` só rotula e vai em
`data-language` para quem quiser plugar um realçador.

# `code_editor`

## Attributes

* `field` (`Phoenix.HTML.FormField`) - Defaults to `nil`.
* `id` (`:any`) - Defaults to `nil`.
* `name` (`:any`)
* `value` (`:any`)
* `language` (`:string`) - rótulo (ex.: "json", "elixir"). Defaults to `"text"`.
* `rows` (`:integer`) - Defaults to `10`.
* `errors` (`:list`) - Defaults to `[]`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `class` (`:any`) - Defaults to `nil`.
* Global attributes are accepted. Supports all globals plus: `["form", "required", "placeholder"]`.

# `gutter`

```elixir
@spec gutter(pos_integer()) :: String.t()
```

Numeração das linhas, uma por linha.

# `line_count`

```elixir
@spec line_count(String.t()) :: pos_integer()
```

Quantidade de linhas do texto (mínimo 1).

---

*Consult [api-reference.md](api-reference.md) for complete listing*