Borders frame components.

To add a border you must first select a component. Once selected, the component's details will occupy the Right Pane. From this pane you can add a border. Newly added components do not have borders.

Here is where you can add or edit borders:

  1. This is used to activate sides of a selected component. A side becomes blue when it is active. If a side is made active via #1, then #2 & #3 dictate its style. Border width uses pixels as its unit.
  2. Click the black square to access the active side(s) border color and opacity. The available colors are pulled from your theme's color palette.
  3. Change the border style of the active side(s). You can pick one of the three border style options: solid (default), stripped, or dotted - from left to right.
  4. Similar to #1, click the corners you want active. A corner becomes blue when its active. If a corner is active, then the "Radius" input field to the right dictates its value. Initially, radii are relative (%). Alternatively, you can set pixels to be the unit of scale. Click the "%" in the Radius input field and select "px".

Note: you can drag left or right to edit the Border or Radius input fields.

Did this answer your question?