Skip to main content

StyleProps

@lowcode/dsl


Interface: StyleProps

Defined in: schema.ts:98

Набор стилевых свойств компонента (визуальное оформление).

В отличие от layout, эти свойства описывают «как выглядит» компонент: цвета, шрифты, границы и т.п. Конкретная интерпретация (CSS, классы, дизайн-система) определяется runtime-слоем.

В первой версии список полей умышленно ограничен, но интерфейс может расширяться по мере необходимости.

Properties

backgroundColor?

optional backgroundColor: PropValue

Defined in: schema.ts:103

Цвет фона.


borderColor?

optional borderColor: PropValue

Defined in: schema.ts:106

Цвет границы.


borderRadius?

optional borderRadius: PropValue

Defined in: schema.ts:109

Радиус скругления границы.


borderWidth?

optional borderWidth: PropValue

Defined in: schema.ts:112

Толщина границы.


className?

optional className: PropValue

Defined in: schema.ts:132

Utility / CSS / Tailwind-классы для компонента.

Конкретный формат строки не фиксируется в DSL и определяется соглашениями runtime-хоста / дизайн-системы.


color?

optional color: PropValue

Defined in: schema.ts:100

Цвет текста (CSS color, токен темы и т.п.).


fontSize?

optional fontSize: PropValue

Defined in: schema.ts:115

Размер шрифта.


fontWeight?

optional fontWeight: PropValue

Defined in: schema.ts:118

Толщина шрифта (normal, bold, числовое значение и т.п.).


lineHeight?

optional lineHeight: PropValue

Defined in: schema.ts:121

Межстрочный интервал.


textAlign?

optional textAlign: PropValue

Defined in: schema.ts:124

Выравнивание текста (left, center, right, justify).