When there are more tabs than the available horizontal space, the sd-tab-group becomes scrollable.

```html
<sd-tab-group activation="auto">
  <sd-tab slot="nav" panel="tab-1" variant="default">Tab 1</sd-tab>
  <sd-tab-panel name="tab-1">
    <div>Provident illo neque vel ex. Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-2" variant="default">Tab 2</sd-tab>
  <sd-tab-panel name="tab-2">
    <div>Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-3" variant="default">Tab 3</sd-tab>
  <sd-tab-panel name="tab-3">
    <div>Delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-4" variant="default">Tab 4</sd-tab>
  <sd-tab-panel name="tab-4">
    <div>Neque vel ex. Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-5" variant="default">Tab 5</sd-tab>
  <sd-tab-panel name="tab-5">
    <div>Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-6" variant="default">Tab 6</sd-tab>
  <sd-tab-panel name="tab-6">
    <div>Doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-7" variant="default">Tab 7</sd-tab>
  <sd-tab-panel name="tab-7">
    <div>Illo neque vel ex. Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-8" variant="default">Tab 8</sd-tab>
  <sd-tab-panel name="tab-8">
    <div>Delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-9" variant="default">Tab 9</sd-tab>
  <sd-tab-panel name="tab-9">
    <div>Perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-10" variant="default">Tab 10</sd-tab>
  <sd-tab-panel name="tab-10">
    <div>Ex. Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-11" variant="default">Tab 11</sd-tab>
  <sd-tab-panel name="tab-11">
    <div>Provident illo neque vel ex. Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-12" variant="default">Tab 12</sd-tab>
  <sd-tab-panel name="tab-12">
    <div>Provident vel ex. Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-13" variant="default">Tab 13</sd-tab>
  <sd-tab-panel name="tab-13">
    <div>Provident illo inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-14" variant="default">Tab 14</sd-tab>
  <sd-tab-panel name="tab-14">
    <div>Inventore perspiciatis delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
  <sd-tab slot="nav" panel="tab-15" variant="default">Tab 15</sd-tab>
  <sd-tab-panel name="tab-15">
    <div>Inventore delectus nisi doloremque soluta inventore.</div>
  </sd-tab-panel>
</sd-tab-group>
```