Border Radius

Control the border radius of an element in your HTML

• How to
  • HTML Example:
• HTML
  • u-border-radius
  • u-border-radius--100
  • u-border-radius--200
  • u-border-radius--none

How to

To use these styles in a Vue component SCSS, you'll need:

@import '~@skyline/scss/src/core/UI.required';
@import '~@skyline/scss/src/utilities/utilities.border-radius';

HTML Example:

<div class="example-box u-border-radius">
  Example of a box with the default border radius applied
</div>

HTML

u-border-radius

Same styling as u-border-radius--100

u-border-radius--100

u-border-radius--200

u-border-radius--none