Border and shadow

Border and shadow properties define the visual boundaries, depth, and dimensionality of UI elements.

Property
Description

Rounding

Controls the corner radius of elements, from square corners (0) to fully rounded. Affects buttons, cards, input fields, containers, and interactive elements.

Display border

Toggles the visibility of borders around elements. When enabled, applies the border color from the color scheme to create visual boundaries.

Shadow

Create depth and elevation in the interface. Select from shadow styles: None, Soft, Regular, or Retro.

Last updated

Was this helpful?