Sentre
Search…
Corner radius
Sen OS applies rounded corners to almost UI elements. The same applies to most common controls such as Button, Card, Input...

There are three areas of the controls where the rounded corner styles are used: large, medium and small dimension UI elements.

The default radius value we use for these UI elements is 16px.
Sen OS uses max two levels of rounding depending on inside contents.
UI elements:
  • Card
  • Modal
  • Popconfirm

The default radius value we use for these UI elements is 8px.
UI elements:
  • Button
  • Input
  • Select
  • Tooltip
  • List
  • Radio button
  • Dropdown

The default radius value we use for these UI elements is 4px.
UI elements:
  • ScrollBar
  • Slider
  • Checkbox

There are instances where the corner of a control should not be rounded, and we don't round these by default:
  • Dropdown

// Some code
Last modified 10mo ago
Copy link
On this page
Rounded corners
When not to round?
Sample code