Skip to content
Docs
Go to App
Features / Shapes & Drawing

Rounded Rectangle Corners

Overview

Section titled “Overview”

Rectangle shapes in Bizby now support customizable corner radius. You can adjust corners from sharp (0px) to fully rounded (100px), giving you more control over the visual style of your shapes.

Rounded Corners

Key Features

Section titled “Key Features”
  • Adjustable Radius - Set corner roundness from 0 to 100 pixels
  • Visual Slider - Easy-to-use slider control for quick adjustments
  • Precise Input - Enter exact values for consistent shapes
  • Per-Shape Setting - Each rectangle can have its own corner radius

How to Use

Section titled “How to Use”
  1. Select a rectangle shape on your board
  2. Click the border settings icon (ring icon) in the context toolbar
  3. Find the corner radius slider
  4. Drag the slider or enter a value (0-100px)
  5. The corners update in real-time

Corner Radius Values

Section titled “Corner Radius Values”
ValueResult
0pxSharp, square corners
4-8pxSubtle rounding, professional look
12-20pxModerate rounding, friendly feel
30-50pxSignificant rounding, soft appearance
100pxMaximum rounding (pill shape on narrow rectangles)

Use Cases

Section titled “Use Cases”

UI Mockups

Section titled “UI Mockups”

Match the corner radius of buttons and cards in your design system.

Containers and Groups

Section titled “Containers and Groups”

Create visually distinct containers for grouping related content.

Visual Hierarchy

Section titled “Visual Hierarchy”

Use different corner radii to distinguish between element types (e.g., sharp corners for data, rounded for actions).

Aesthetic Consistency

Section titled “Aesthetic Consistency”

Match the visual style of your brand or existing materials.

Tips

Section titled “Tips”
Section titled “Related Features”