diff --git a/packages/angular-test-app/src/app/app-routing.module.ts b/packages/angular-test-app/src/app/app-routing.module.ts
index 51f48c44c40..3f688ae6c2c 100644
--- a/packages/angular-test-app/src/app/app-routing.module.ts
+++ b/packages/angular-test-app/src/app/app-routing.module.ts
@@ -62,6 +62,7 @@ import { SpinnerLarge } from 'src/preview-examples/spinner-large';
import { SplitButton } from 'src/preview-examples/split-button';
import { SplitButtonIcons } from 'src/preview-examples/split-button-icons';
import { Tabs } from 'src/preview-examples/tabs';
+import { TabsRounded } from 'src/preview-examples/tabs-rounded';
import { Textarea } from 'src/preview-examples/textarea';
import { TextareaDisabled } from 'src/preview-examples/textarea-disabled';
import { TextareaReadonly } from 'src/preview-examples/textarea-readonly';
@@ -239,6 +240,7 @@ const routes: Routes = [
{ path: 'split-button-icons', component: SplitButtonIcons },
{ path: 'split-button', component: SplitButton },
{ path: 'tabs', component: Tabs },
+ { path: 'tabs-rounded', component: TabsRounded },
{ path: 'textarea', component: Textarea },
{ path: 'textarea-disabled', component: TextareaDisabled },
{ path: 'textarea-readonly', component: TextareaReadonly },
diff --git a/packages/angular-test-app/src/app/app.module.ts b/packages/angular-test-app/src/app/app.module.ts
index 7b37e8f336a..a83038aa3d4 100644
--- a/packages/angular-test-app/src/app/app.module.ts
+++ b/packages/angular-test-app/src/app/app.module.ts
@@ -70,6 +70,7 @@ import { SpinnerLarge } from 'src/preview-examples/spinner-large';
import { SplitButton } from 'src/preview-examples/split-button';
import { SplitButtonIcons } from 'src/preview-examples/split-button-icons';
import { Tabs } from 'src/preview-examples/tabs';
+import { TabsRounded } from 'src/preview-examples/tabs-rounded';
import { Textarea } from 'src/preview-examples/textarea';
import { TextareaDisabled } from 'src/preview-examples/textarea-disabled';
import { TextareaReadonly } from 'src/preview-examples/textarea-readonly';
@@ -167,6 +168,7 @@ import { NavigationTestComponent } from './components/navigation-test.component'
Workflow,
WorkflowVertical,
MapNavigation,
+ TabsRounded,
],
imports: [
BrowserModule,
diff --git a/packages/angular-test-app/src/preview-examples/tabs-rounded.ts b/packages/angular-test-app/src/preview-examples/tabs-rounded.ts
new file mode 100644
index 00000000000..439172cee36
--- /dev/null
+++ b/packages/angular-test-app/src/preview-examples/tabs-rounded.ts
@@ -0,0 +1,42 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-tabs-rounded',
+ styles: [
+ `
+ :host {
+ .example {
+ display: block;
+ position: relative;
+ width: 100%;
+ }
+ }
+ `,
+ ],
+ template: `
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+})
+export class TabsRounded {}
diff --git a/packages/documentation/docs/auto-generated/previews/angular/tabs-rounded.md b/packages/documentation/docs/auto-generated/previews/angular/tabs-rounded.md
index be88058eb99..3d5632d4d93 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/tabs-rounded.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/tabs-rounded.md
@@ -4,7 +4,7 @@ SPDX-FileCopyrightText: 2022 Siemens AG
SPDX-License-Identifier: MIT
-->
-
+
```typescript
/*
* SPDX-FileCopyrightText: 2022 Siemens AG
@@ -18,17 +18,34 @@ SPDX-License-Identifier: MIT
import { Component } from '@angular/core';
@Component({
- selector: 'app-tabs',
+ selector: 'app-tabs-rounded',
+ styles: [
+ `
+ :host {
+ .example {
+ display: block;
+ position: relative;
+ width: 100%;
+ }
+ }
+ `,
+ ],
template: `
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
`,
})
-export class Tabs {}
+export class TabsRounded {}
```
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/tabs-rounded.md b/packages/documentation/docs/auto-generated/previews/web-component/tabs-rounded.md
index 6b4fa9f1fb2..5c2eeda5f84 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/tabs-rounded.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/tabs-rounded.md
@@ -8,9 +8,9 @@ SPDX-License-Identifier: MIT
```html
-
+
-
diff --git a/packages/html-test-app/src/preview-examples/tabs-rounded.html b/packages/html-test-app/src/preview-examples/tabs-rounded.html
index a87464a7b39..0ea2a5702c8 100644
--- a/packages/html-test-app/src/preview-examples/tabs-rounded.html
+++ b/packages/html-test-app/src/preview-examples/tabs-rounded.html
@@ -15,9 +15,9 @@
-
+
-