From 9caf52b38e725959692fbd12c581152f93195cf2 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 22 Apr 2025 15:03:44 +0200 Subject: [PATCH 1/4] refactor: adapted native elements syntax from documentation https://design-system.deutschebahn.com/core-web/version/v2.0.2/components/data-display/tag/overview# --- .../src/components/tag/docs/Angular.md | 16 ++++++-- .../src/components/tag/docs/Migration.md | 16 ++++++-- .../src/components/tag/docs/React.md | 14 +++++-- .../components/src/components/tag/docs/Vue.md | 17 +++++++-- .../src/components/tag/tag.spec.tsx | 37 +++++++++++++++---- .../app/components/form/form.component.html | 18 +++++++-- .../src/components/form/index.tsx | 14 +++++-- 7 files changed, 102 insertions(+), 30 deletions(-) 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 -Tag as Button + - Tag as Link + Tag as Link -Tag as Checkbox -Tag as Radio + + Static Tag Static Tag with overflow ``` 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 -Tag as Button -Tag as Link -Tag as Checkbox -Tag as Radio + +Tag as Link + + Static 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 = () => ( <> - Tag as Button + - Tag as Link + Tag as Link - Tag as Checkbox + - Tag as Radio + Static Tag 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";