diff --git a/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png b/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png
index f181281aab33..59134bfffd3f 100644
Binary files a/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png and b/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png differ
diff --git a/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png b/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png
index 2a846b1fc0e4..9605caf0802c 100644
Binary files a/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png and b/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png differ
diff --git a/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio-checked.png b/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio-checked.png
index f440374825da..977cd31d6165 100644
Binary files a/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio-checked.png and b/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio-checked.png differ
diff --git a/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png b/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png
index 2a846b1fc0e4..9605caf0802c 100644
Binary files a/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png and b/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png differ
diff --git a/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png b/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png
index 2e1d81413b18..080e3e0223ea 100644
Binary files a/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png and b/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png differ
diff --git a/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png b/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png
index d4f824999351..1fa097d0c0ff 100644
Binary files a/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png and b/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png differ
diff --git a/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio-checked.png b/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio-checked.png
index 2740199d7504..be3f42137c45 100644
Binary files a/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio-checked.png and b/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio-checked.png differ
diff --git a/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png b/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png
index d4f824999351..1fa097d0c0ff 100644
Binary files a/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png and b/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png differ
diff --git a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox-checked.png b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox-checked.png
index f181281aab33..59134bfffd3f 100644
Binary files a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox-checked.png and b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox-checked.png differ
diff --git a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png
index 2a846b1fc0e4..9605caf0802c 100644
Binary files a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png and b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png differ
diff --git a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio-checked.png b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio-checked.png
index f440374825da..977cd31d6165 100644
Binary files a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio-checked.png and b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio-checked.png differ
diff --git a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png
index 2a846b1fc0e4..9605caf0802c 100644
Binary files a/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png and b/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png differ
diff --git a/__snapshots__/tag/patternhub/tag-docs-should-match-screenshot.png b/__snapshots__/tag/patternhub/tag-docs-should-match-screenshot.png
index 5b2f4d396db9..8faa06076c66 100644
Binary files a/__snapshots__/tag/patternhub/tag-docs-should-match-screenshot.png and b/__snapshots__/tag/patternhub/tag-docs-should-match-screenshot.png differ
diff --git a/package-lock.json b/package-lock.json
index e62b357008c3..2db6cb3cfcdd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39830,7 +39830,7 @@
     },
     "showcases/next-showcase": {
       "dependencies": {
-        "next": "*",
+        "next": "latest",
         "react": "18.3.1",
         "react-dom": "18.3.1"
       },
diff --git a/packages/components/src/components/tag/docs/Angular.md b/packages/components/src/components/tag/docs/Angular.md
index fca043bf76f7..617ff773306d 100644
--- a/packages/components/src/components/tag/docs/Angular.md
+++ b/packages/components/src/components/tag/docs/Angular.md
@@ -20,12 +20,20 @@ import { DBTag } from '@db-ux/ngx-core-components';
 
 ```html app.component.html
 <!-- app.component.html -->
-<db-tag><db-button>Tag as Button</db-button></db-tag>
+<db-tag><button type="button">Tag as Button</button></db-tag>
 <db-tag>
-	<db-link> Tag as Link </db-link>
+	<a href="#"> Tag as Link </a>
 </db-tag>
-<db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
-<db-tag><db-radio>Tag as Radio</db-radio></db-tag>
+<db-tag
+	><label for="checkbox01"
+		><input id="checkbox01" type="checkbox" />Tag as Checkbox</label
+	></db-tag
+>
+<db-tag
+	><label for="radio01"
+		><input name="radio01" id="radio01" type="radio" />Tag as Radio</label
+	></db-tag
+>
 <db-tag>Static Tag</db-tag>
 <db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>
 ```
diff --git a/packages/components/src/components/tag/docs/Migration.md b/packages/components/src/components/tag/docs/Migration.md
index f3ef0d5df6d5..2cf89069ce69 100644
--- a/packages/components/src/components/tag/docs/Migration.md
+++ b/packages/components/src/components/tag/docs/Migration.md
@@ -12,10 +12,18 @@ We simplified the components by reducing the amount from tag + chip to only tag.
 You can use different types of tags by adding another component into it:
 
 ```html
-<db-tag><db-button>Tag as Button</db-button></db-tag>
-<db-tag><db-link>Tag as Link</db-link></db-tag>
-<db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
-<db-tag><db-radio>Tag as Radio</db-radio></db-tag>
+<db-tag><button type="button">Tag as Button</button></db-tag>
+<db-tag><a href="#">Tag as Link</a></db-tag>
+<db-tag
+	><label for="checkbox01">
+		<input id="checkbox01" type="checkbox" />Tag as Checkbox</label
+	></db-tag
+>
+<db-tag
+	><label for="radio01"
+		><input name="radio01" id="radio01" type="radio" />Tag as Radio</label
+	></db-tag
+>
 <db-tag>Static Tag</db-tag>
 ```
 
diff --git a/packages/components/src/components/tag/docs/React.md b/packages/components/src/components/tag/docs/React.md
index 1ae122502416..800e0da6c5c9 100644
--- a/packages/components/src/components/tag/docs/React.md
+++ b/packages/components/src/components/tag/docs/React.md
@@ -11,16 +11,22 @@ import { DBTag } from "@db-ux/react-core-components";
 const App = () => (
 	<>
 		<DBTag>
-			<DBButton>Tag as Button</DBButton>
+			<button type="button">Tag as Button</button>
 		</DBTag>
 		<DBTag>
-			<DBLink>Tag as Link</DBLink>
+			<a href="#">Tag as Link</a>
 		</DBTag>
 		<DBTag>
-			<DBCheckbox>Tag as Checkbox</DBCheckbox>
+			<label for="checkbox01">
+				<input id="checkbox01" type="checkbox" />
+				Tag as Checkbox
+			</label>
 		</DBTag>
 		<DBTag>
-			<DBRadio>Tag as Radio</DBRadio>
+			<label for="radio01">
+				<input name="radio01" id="radio01" type="radio" />
+				Tag as Radio
+			</label>
 		</DBTag>
 		<DBTag>Static Tag</DBTag>
 		<DBTag overflow={true}>
diff --git a/packages/components/src/components/tag/docs/Vue.md b/packages/components/src/components/tag/docs/Vue.md
index 06ef4f774d23..4a63ebbdaf3e 100644
--- a/packages/components/src/components/tag/docs/Vue.md
+++ b/packages/components/src/components/tag/docs/Vue.md
@@ -11,12 +11,21 @@ import { DBTag } from "@db-ux/v-core-components";
 </script>
 
 <template>
-	<DBTag><DBButton>Tag as Button</DBButton></DBTag>
+	<DBTag><button type="button">Tag as Button</button></DBTag>
 	<DBTag>
-		<DBLink> Tag as Link </DBLink>
+		<a href="#"> Tag as Link </a>
 	</DBTag>
-	<DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
-	<DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
+	<DBTag
+		><label for="checkbox01"
+			><input id="checkbox01" type="checkbox" />Tag as Checkbox</label
+		></DBTag
+	>
+	<DBTag
+		><label for="radio01"
+			><input name="radio01" id="radio01" type="radio" />Tag as
+			Radio</label
+		></DBTag
+	>
 	<DBTag>Static Tag</DBTag>
 	<DBTag :overflow="true">
 		<span>Static Tag with overflow</span>
diff --git a/packages/components/src/components/tag/tag.spec.tsx b/packages/components/src/components/tag/tag.spec.tsx
index 1f7b085f9486..f665030cc6ed 100644
--- a/packages/components/src/components/tag/tag.spec.tsx
+++ b/packages/components/src/components/tag/tag.spec.tsx
@@ -55,7 +55,9 @@ const testInterActions = () => {
 		let test = '';
 		const buttonTag: any = (
 			<DBTag>
-				<DBButton onClick={() => (test = 'test')}>Test</DBButton>
+				<button onClick={() => (test = 'test')} type="button">
+					Test
+				</button>
 			</DBTag>
 		);
 		const component = await mount(buttonTag);
@@ -66,7 +68,7 @@ const testInterActions = () => {
 	test('should be a button', async ({ mount }) => {
 		const buttonTag: any = (
 			<DBTag>
-				<DBButton>Test</DBButton>
+				<button type="button">Test</button>
 			</DBTag>
 		);
 		const component = await mount(buttonTag);
@@ -76,7 +78,7 @@ const testInterActions = () => {
 	test('should be a link', async ({ mount }) => {
 		const tag: any = (
 			<DBTag>
-				<DBLink>Test</DBLink>
+				<a href="#">Test</a>
 			</DBTag>
 		);
 		const component = await mount(tag);
@@ -86,7 +88,10 @@ const testInterActions = () => {
 	test('should be a radio', async ({ mount }) => {
 		const tag: any = (
 			<DBTag>
-				<DBRadio>Test</DBRadio>
+				<label for="radio01">
+					<input name="radio01" id="radio01" type="radio" />
+					Test
+				</label>
 			</DBTag>
 		);
 		const component = await mount(tag);
@@ -96,7 +101,15 @@ const testInterActions = () => {
 	test('should be a radio checked', async ({ mount }) => {
 		const tag: any = (
 			<DBTag>
-				<DBRadio data-testid="radio">Test</DBRadio>
+				<label for="radio01">
+					<input
+						name="radio01"
+						id="radio01"
+						type="radio"
+						data-testid="radio"
+					/>
+					Test
+				</label>
 			</DBTag>
 		);
 		const component = await mount(tag);
@@ -107,7 +120,10 @@ const testInterActions = () => {
 	test('should be a checkbox', async ({ mount }) => {
 		const tag: any = (
 			<DBTag>
-				<DBCheckbox>Test</DBCheckbox>
+				<label for="checkbox01">
+					<input id="checkbox01" type="checkbox" />
+					Test
+				</label>
 			</DBTag>
 		);
 		const component = await mount(tag);
@@ -117,7 +133,14 @@ const testInterActions = () => {
 	test('should be a checkbox checked', async ({ mount }) => {
 		const tag: any = (
 			<DBTag>
-				<DBCheckbox data-testid="checkbox">Test</DBCheckbox>
+				<label for="checkbox01">
+					<input
+						id="checkbox01"
+						type="checkbox"
+						data-testid="checkbox"
+					/>
+					Test
+				</label>
 			</DBTag>
 		);
 		const component = await mount(tag);
diff --git a/showcases/angular-showcase/src/app/components/form/form.component.html b/showcases/angular-showcase/src/app/components/form/form.component.html
index f6724aae06dd..74f4db5c11cd 100644
--- a/showcases/angular-showcase/src/app/components/form/form.component.html
+++ b/showcases/angular-showcase/src/app/components/form/form.component.html
@@ -256,9 +256,21 @@ <h1>Output</h1>
 			<dd>{{ getTags() }}</dd>
 
 			<br />
-			<db-tag><db-checkbox>Checkbox</db-checkbox></db-tag>
-			<db-tag><db-radio>Checkbox</db-radio></db-tag>
-			<db-tag><db-button>Checkbox</db-button></db-tag>
+			<db-tag
+				><label for="checkbox01">
+					<input id="checkbox01" type="checkbox" />Checkbox</label
+				></db-tag
+			>
+			<db-tag
+				><label for="radio01">
+					<input
+						name="radio01"
+						id="radio01"
+						type="radio"
+					/>Checkbox</label
+				></db-tag
+			>
+			<db-tag><button type="button">Checkbox</button></db-tag>
 			<br />
 
 			<db-tabs orientation="vertical">
diff --git a/showcases/react-showcase/src/components/form/index.tsx b/showcases/react-showcase/src/components/form/index.tsx
index 74644a71342c..1e4beace3375 100644
--- a/showcases/react-showcase/src/components/form/index.tsx
+++ b/showcases/react-showcase/src/components/form/index.tsx
@@ -498,16 +498,22 @@ const FormComponent = () => {
 
 				<div>
 					<DBTag>
-						<DBButton>Test</DBButton>
+						<button type="button">Test</button>
 					</DBTag>
 					<DBTag>
-						<DBLink>Test</DBLink>
+						<a href="#">Test</a>
 					</DBTag>
 					<DBTag>
-						<DBRadio>Test</DBRadio>
+						<label htmlFor="radio01">
+							<input name="radio01" id="radio01" type="radio" />
+							Test
+						</label>
 					</DBTag>
 					<DBTag>
-						<DBCheckbox>Test</DBCheckbox>
+						<label htmlFor="checkbox01">
+							<input id="checkbox01" type="checkbox" />
+							Test
+						</label>
 					</DBTag>
 				</div>
 			</div>