Границы и контуры

Позволяют визуально разделить контент в интерфейсе, когда недостаточно использовать только отступы. Так же обозначают границы компонентов для упрощения пользовательского взаимодействия, а значения скруглений определяют их визуальный стиль.

Границы

Примером использования --cds-border-element-02 является состояние focus компонента.

  • 01

    --cds-border-element-01

    1px solid
  • 02

    --cds-border-element-02

    2px solid

Скругление

Скругление или border-radius — это свойство CSS3, которое позволяет добавлять скругление углов практически всем HTML элементам. Скругление можно добавить всему элементу или отдельным углам.

  • S

    --cds-border-radius-s

    3px
  • M

    --cds-border-radius-m

    6px
  • L

    --cds-border-radius-l

    9px
Новое мажорное обновление!
Мы активно разрабатываем дизайн систему CDS 3.0 на Vue 3