<section>
  <article class="ds-u-margin-top--2">
    <code class="ds-u-margin-bottom--1">.ds-u-radius</code>
    <div
      class="ds-u-radius ds-u-fill--secondary ds-u-padding--2"
      style="width: 100px"
    ></div>
  </article>
  <article class="ds-u-margin-top--2">
    <code class="ds-u-margin-bottom--1">.ds-u-radius--pill</code>
    <div
      class="ds-u-radius--pill ds-u-fill--secondary ds-u-padding--2"
      style="width: 100px"
    ></div>
  </article>
  <article class="ds-u-margin-top--2">
    <code class="ds-u-margin-bottom--1">.ds-u-radius--circle</code>
    <div
      class="ds-u-radius--circle ds-u-fill--secondary"
      style="width: 50px; height: 50px"
    ></div>
  </article>
</section>