ComponentNode

@lowcode/dsl

---

Interface: ComponentNode

Defined in: schema.ts:191

Узел компонента в дереве UI.

ComponentNode — фундаментальная единица DSL. Указывает тип компонента, его свойства, детей, layout и стилевое оформление. Реализация компонента берётся из runtime (React/HTML-компоненты, runtime-компонентная библиотека и т.д.).

Properties

children?

optional children: ComponentNode[]

Defined in: schema.ts:205

Дочерние компоненты.

---

id

id: string

Defined in: schema.ts:193

Уникальный ID компонента.

---

layout?

optional layout: LayoutProps

Defined in: schema.ts:208

Layout-свойства (расположение и размеры).

---

name?

optional name: string

Defined in: schema.ts:199

Опциональное удобочитаемое имя для отображения в builder-web.

---

props?

optional props: Record<string, PropValue>

Defined in: schema.ts:202

Пропы компонента (могут быть статическими и выражениями).

---

style?

optional style: StyleProps

Defined in: schema.ts:217

Стилевые свойства (цвета, шрифты, границы, классы и т.д.).

Этот блок описывает визуальное оформление компонента и может интерпретироваться runtime-слоем по-разному (CSS, Tailwind-классы, токены дизайн-системы и т.п.).

---

type

type: string

Defined in: schema.ts:196

Тип компонента (например: "Button", "Text", "Form").