Default Properties
This page outlines the Default Properties available to widgets in Digia Studio. These properties are grouped into three main sections:
Layout – for controlling spacing, dimensions, and alignment
Appearance – for customizing the visual presentation
Interactions – for attaching user actions
Widgets may support all or only some of these sections depending on their nature. Refer to each widget’s documentation to confirm which sections apply.
Layout Properties
These properties define how the widget is laid out within its parent.
width
Sets the fixed width of the widget. Accepts numeric or percentage values.
height
Sets the fixed height of the widget. Accepts numeric or percentage values.
padding
Space inside the widget, between its content and border. Can be uniform or per-side.
margin
Space outside the widget, between it and other widgets.
align
Alignment within the parent container (e.g., topLeft, center, bottomRight).
Appearance Properties
These properties control how the widget looks.
bgColor
Background color of the widget in HEX format.
borderRadius
Controls the curvature of the widget’s corners. Can be a single or per-corner value.
border
Contains all border-related styling.
border.borderWidth
Thickness of the border in pixels.
border.borderColor
Color of the border in HEX format.
border.borderType
Pattern type of the border (solid, dashed).
border.strokeAlign
Whether the border is drawn inside, center, or outside the widget’s bounds.
Interactions
These properties define user-triggered actions.
onClick
Action to be triggered when the widget is tapped or clicked. Supports navigation, state changes, animations, etc.
Use these properties to control layout, appearance, and interactivity consistently across widgets in your application.
For examples and usage, refer back to each individual widget’s documentation.
Last updated