Skip to content

You're reading the docs for Draftbit Classic (v1), our previous builder. In Draftbit today, you describe the app you want and the agent writes real code you own.

Borders, Background, Effects

Set the border radius of a component, along with the width and style of the border surrounding a component.

PropertyDescription
RadiusDetermine how the edges of the border will be rounded. You can set the radius for all edges using All or set it for the individual border using Top or Bottom properties.
SizeThe width of the border on each side of the element.
ColorThe color of the border.
StyleSelect a solid, dotted, or dashed line as the border.

Specify a background color. The value of the color is selected from the color picker. Values available in the color picker can be modified or added through Themes & Colors.

PropertyDescription
OpacityIncrease or decrease an element’s transparency.