Skip to content

Interface: ComponentStyle ​

Defined in: types/desktop-engine.d.ts:279

The style object returned by component.style; assigning a single property merges it into the current style and updates; assigning null removes it

Properties ​

alignContent ​

ts
alignContent: AlignContent | null;

Defined in: types/desktop-engine.d.ts:295

Cross axis alignment of lines


alignItems ​

ts
alignItems: Align | null;

Defined in: types/desktop-engine.d.ts:297

Cross axis alignment of children


alignSelf ​

ts
alignSelf: Align | null;

Defined in: types/desktop-engine.d.ts:299

Cross axis alignment of this item


aspectRatio ​

ts
aspectRatio: StyleValue;

Defined in: types/desktop-engine.d.ts:353

Aspect ratio


backgroundColor ​

ts
backgroundColor: StyleValue;

Defined in: types/desktop-engine.d.ts:361

Background color


bottom ​

ts
bottom: StyleValue;

Defined in: types/desktop-engine.d.ts:319

Bottom offset


boxSizing ​

ts
boxSizing: BoxSizing | null;

Defined in: types/desktop-engine.d.ts:303

What width and height measure


columnGap ​

ts
columnGap: StyleValue;

Defined in: types/desktop-engine.d.ts:359

Space between columns


cssText ​

ts
cssText: string;

Defined in: types/desktop-engine.d.ts:281

Reads or writes all styles as key: value; text; assigning replaces the whole style


direction ​

ts
direction: Direction | null;

Defined in: types/desktop-engine.d.ts:289

Layout direction


display ​

ts
display: Display | null;

Defined in: types/desktop-engine.d.ts:285

Display type


end ​

ts
end: StyleValue;

Defined in: types/desktop-engine.d.ts:323

End edge offset


flex ​

ts
flex: StyleValue;

Defined in: types/desktop-engine.d.ts:305

flex shorthand


flexBasis ​

ts
flexBasis: StyleValue;

Defined in: types/desktop-engine.d.ts:311

Main axis base size


flexDirection ​

ts
flexDirection: FlexDirection | null;

Defined in: types/desktop-engine.d.ts:291

Main axis direction


flexGrow ​

ts
flexGrow: StyleValue;

Defined in: types/desktop-engine.d.ts:307

Grow factor


flexShrink ​

ts
flexShrink: StyleValue;

Defined in: types/desktop-engine.d.ts:309

Shrink factor


flexWrap ​

ts
flexWrap: FlexWrap | null;

Defined in: types/desktop-engine.d.ts:301

Wrapping behavior


gap ​

ts
gap: StyleValue;

Defined in: types/desktop-engine.d.ts:355

Space between rows and columns


height ​

ts
height: StyleValue;

Defined in: types/desktop-engine.d.ts:343

Height


imageRendering ​

ts
imageRendering: ImageRendering | null;

Defined in: types/desktop-engine.d.ts:365

Canvas only: how its drawing buffer is scaled to its size


justifyContent ​

ts
justifyContent: Justify | null;

Defined in: types/desktop-engine.d.ts:293

Main axis alignment


left ​

ts
left: StyleValue;

Defined in: types/desktop-engine.d.ts:313

Left offset


marginBottom ​

ts
marginBottom: StyleValue;

Defined in: types/desktop-engine.d.ts:331

Bottom margin


marginLeft ​

ts
marginLeft: StyleValue;

Defined in: types/desktop-engine.d.ts:325

Left margin


marginRight ​

ts
marginRight: StyleValue;

Defined in: types/desktop-engine.d.ts:329

Right margin


marginTop ​

ts
marginTop: StyleValue;

Defined in: types/desktop-engine.d.ts:327

Top margin


maxHeight ​

ts
maxHeight: StyleValue;

Defined in: types/desktop-engine.d.ts:351

Maximum height


maxWidth ​

ts
maxWidth: StyleValue;

Defined in: types/desktop-engine.d.ts:349

Maximum width


minHeight ​

ts
minHeight: StyleValue;

Defined in: types/desktop-engine.d.ts:347

Minimum height


minWidth ​

ts
minWidth: StyleValue;

Defined in: types/desktop-engine.d.ts:345

Minimum width


opacity ​

ts
opacity: StyleValue;

Defined in: types/desktop-engine.d.ts:363

Opacity


overflow ​

ts
overflow: Overflow | null;

Defined in: types/desktop-engine.d.ts:287

Overflow behavior


paddingBottom ​

ts
paddingBottom: StyleValue;

Defined in: types/desktop-engine.d.ts:339

Bottom padding


paddingLeft ​

ts
paddingLeft: StyleValue;

Defined in: types/desktop-engine.d.ts:333

Left padding


paddingRight ​

ts
paddingRight: StyleValue;

Defined in: types/desktop-engine.d.ts:337

Right padding


paddingTop ​

ts
paddingTop: StyleValue;

Defined in: types/desktop-engine.d.ts:335

Top padding


position ​

ts
position: PositionType | null;

Defined in: types/desktop-engine.d.ts:283

Positioning type


ts
right: StyleValue;

Defined in: types/desktop-engine.d.ts:317

Right offset


rowGap ​

ts
rowGap: StyleValue;

Defined in: types/desktop-engine.d.ts:357

Space between rows


start ​

ts
start: StyleValue;

Defined in: types/desktop-engine.d.ts:321

Start edge offset


top ​

ts
top: StyleValue;

Defined in: types/desktop-engine.d.ts:315

Top offset


width ​

ts
width: StyleValue;

Defined in: types/desktop-engine.d.ts:341

Width

The SDK is released under the Apache License 2.0