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:
- 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.
- 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.
- 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.
- 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.