diff --git a/e2e/cypress/e2e/00-0-intro/welcome-story.cy.js b/e2e/cypress/e2e/00-0-intro/welcome-story.cy.js index 3111974c69..1a51b50685 100644 --- a/e2e/cypress/e2e/00-0-intro/welcome-story.cy.js +++ b/e2e/cypress/e2e/00-0-intro/welcome-story.cy.js @@ -31,7 +31,7 @@ context('welcome-page', () => { contain(2, 0, 'showcases--angular-ng-build'); }); it('Check for Card: React Showcase', function () { - contain(2, 1, 'showcases--react-cra-build'); + contain(2, 1, 'showcases--react-vite-build'); }); it('Check for Card: Reactwind Showcase', function () { contain(2, 2, 'showcases--react-and-tailwind'); diff --git a/packages/db-ui-elements-stencil/src/components/db-button/stories/button.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-button/stories/button.intro.stories.mdx index aead9d8a4c..2a73d6efd9 100644 --- a/packages/db-ui-elements-stencil/src/components/db-button/stories/button.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-button/stories/button.intro.stories.mdx @@ -6,7 +6,7 @@ import Readme from './../readme.md?raw'; <db-button> -The `` element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality. Most of attributes are used in the same way as with a native button. You can try out on Button Live Demo Page. +The `` element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality. Most of attributes are used in the same way as with a native button. You can try out on [Button Live Demo](?path=/story/db-button--live-demo) Page. Button diff --git a/packages/db-ui-elements-stencil/src/components/db-checkbox/stories/db-checkbox.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-checkbox/stories/db-checkbox.intro.stories.mdx index 964636ad1d..914048dfe5 100644 --- a/packages/db-ui-elements-stencil/src/components/db-checkbox/stories/db-checkbox.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-checkbox/stories/db-checkbox.intro.stories.mdx @@ -8,7 +8,7 @@ import Readme from './../readme.md?raw'; The `` represents a two-state control that represents the element's checkedness state. If the element's checkedness state is true, the control represents a positive selection, and if it is false, a negative selection. -Most attributes are used in the same way as with a native checkbox. You can try out on Checkbox Live Demo Page. +Most attributes are used in the same way as with a native checkbox. You can try out on [Checkbox Live Demo](?path=/story/db-checkbox--live-demo) Page. diff --git a/packages/db-ui-elements-stencil/src/components/db-icon/stories/db-icon.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-icon/stories/db-icon.intro.stories.mdx index a48432f014..f6e68350c3 100644 --- a/packages/db-ui-elements-stencil/src/components/db-icon/stories/db-icon.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-icon/stories/db-icon.intro.stories.mdx @@ -7,7 +7,7 @@ import Readme from './../readme.md?raw'; <db-icon> -The `` is based on the design language of Deutsche Bahn. You can try out on Icon Live Demo Page. +The `` is based on the design language of Deutsche Bahn. You can try out on [Icon Live Demo](?path=/story/db-icon--live-demo) Page. diff --git a/packages/db-ui-elements-stencil/src/components/db-input/stories/db-input.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-input/stories/db-input.intro.stories.mdx index 240eb695bd..411e87da5b 100644 --- a/packages/db-ui-elements-stencil/src/components/db-input/stories/db-input.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-input/stories/db-input.intro.stories.mdx @@ -6,7 +6,7 @@ import Readme from './../readme.md?raw'; <db-input> -The input element represents a one line plain text edit control for the element's value. Most of attributes are used in the same way as with a native input. You can try out on Input Live Demo Page. +The input element represents a one line plain text edit control for the element's value. Most of attributes are used in the same way as with a native input. You can try out on [Input Live Demo](?path=/story/db-input--live-demo) Page. diff --git a/packages/db-ui-elements-stencil/src/components/db-link/stories/db-link.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-link/stories/db-link.intro.stories.mdx index b3ac774ba9..307b12ecc3 100644 --- a/packages/db-ui-elements-stencil/src/components/db-link/stories/db-link.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-link/stories/db-link.intro.stories.mdx @@ -6,7 +6,7 @@ import Readme from './../readme.md?raw'; <db-link> -The `` element represents a control. With its href attribute, it creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Most of attributes are used in the same way as with a native link. You can try out on Link Live Demo Page. +The `` element represents a control. With its href attribute, it creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Most of attributes are used in the same way as with a native link. You can try out on [Link Live Demo](?path=/story/db-link--live-demo) Page. Link diff --git a/packages/db-ui-elements-stencil/src/components/db-radio/stories/db-radio.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-radio/stories/db-radio.intro.stories.mdx index 74a2c555b3..25ca69f023 100644 --- a/packages/db-ui-elements-stencil/src/components/db-radio/stories/db-radio.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-radio/stories/db-radio.intro.stories.mdx @@ -8,7 +8,7 @@ import Readme from './../readme.md?raw'; The `` represents a control that, when used in conjunction with other input elements, forms a radio button group in which only one control can have its checkedness state set to true. If the element's checkedness state is true, the control represents the selected control in the group, and if it is false, it indicates a control in the group that is not selected. -Most attributes are used in the same way as with a native radio. You can try out on Radio Live Demo Page. +Most attributes are used in the same way as with a native radio. You can try out on [Radio Live Demo](?path=/story/db-radio--live-demo) Page. diff --git a/packages/db-ui-elements-stencil/src/components/db-select/stories/db-select.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-select/stories/db-select.intro.stories.mdx index 5a0ff28e6b..0c5e0d2799 100644 --- a/packages/db-ui-elements-stencil/src/components/db-select/stories/db-select.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-select/stories/db-select.intro.stories.mdx @@ -6,7 +6,7 @@ import Readme from './../readme.md?raw'; <db-select> -The `` element represents a control for selecting amongst a set of options. Most of attributes are used in the same way as with a native select. You can try out on Select Playground Page. +The `` element represents a control for selecting amongst a set of options. Most of attributes are used in the same way as with a native select. You can try out on [Select Playground](?path=/story/db-select--live-demo) Page. diff --git a/packages/db-ui-elements-stencil/src/components/db-textarea/stories/db-textarea.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-textarea/stories/db-textarea.intro.stories.mdx index bf726603de..b485618237 100644 --- a/packages/db-ui-elements-stencil/src/components/db-textarea/stories/db-textarea.intro.stories.mdx +++ b/packages/db-ui-elements-stencil/src/components/db-textarea/stories/db-textarea.intro.stories.mdx @@ -6,7 +6,7 @@ import Readme from './../readme.md?raw'; <db-textarea> -The textarea element represents a multiline plain text edit control. Most of attributes are used in the same way as with a native textarea. You can try out on Textarea Live Demo Page. +The textarea element represents a multiline plain text edit control. Most of attributes are used in the same way as with a native textarea. You can try out on [Textarea Live Demo](?path=/story/db-textarea--live-demo) Page. diff --git a/packages/db-ui-elements-stencil/src/stories/intro/getting-started.stories.mdx b/packages/db-ui-elements-stencil/src/stories/intro/getting-started.stories.mdx index 5f7f786ea2..2313afccab 100644 --- a/packages/db-ui-elements-stencil/src/stories/intro/getting-started.stories.mdx +++ b/packages/db-ui-elements-stencil/src/stories/intro/getting-started.stories.mdx @@ -11,10 +11,10 @@ import Update from '../../../../../doc/howto-update.md?raw'; There are some different ways to import required files for each framework: -[Angular](/story/00-intro-frameworks-angular--docs) -[JavaScript](/story/00-intro-frameworks-javascript--docs) -[React](/story/00-intro-frameworks-react--docs) -[Vue](/story/00-intro-frameworks-vue--docs) +[Angular](?path=/story/00-intro-frameworks-angular--docs) +[JavaScript](?path=/story/00-intro-frameworks-javascript--docs) +[React](?path=/story/00-intro-frameworks-react--docs) +[Vue](?path=/story/00-intro-frameworks-vue--docs) {Update} diff --git a/packages/db-ui-elements-stencil/src/stories/intro/welcome.stories.mdx b/packages/db-ui-elements-stencil/src/stories/intro/welcome.stories.mdx index e581ea872f..9fdb41f172 100644 --- a/packages/db-ui-elements-stencil/src/stories/intro/welcome.stories.mdx +++ b/packages/db-ui-elements-stencil/src/stories/intro/welcome.stories.mdx @@ -14,7 +14,7 @@ DB UI Elements is a library, that provides style conform UI components for Deuts header="Getting Started" content="How to install and setup your environment and update db-ui-elements" illustration="home"> -](/story/00-intro-getting-started--docs) +](?path=/story/00-intro-getting-started--docs) [ -](/story/00-intro-frameworks-angular--docs) +](?path=/story/00-intro-frameworks-angular--docs) [ -](/story/00-intro-frameworks-javascript--docs) +](?path=/story/00-intro-frameworks-javascript--docs) [ -](/story/00-intro-frameworks-react--docs) +](?path=/story/00-intro-frameworks-react--docs) [ -](/story/00-intro-frameworks-vue--docs) +](?path=/story/00-intro-frameworks-vue--docs) @@ -62,25 +62,25 @@ DB UI Elements is a library, that provides style conform UI components for Deuts header="Angular NG Build" content="Angular app including db-ui-elements build with 'ng build'" image="./assets/angular-showcase.svg"> -](/story/00-intro-showcases--angular-ng-build) +](?path=/story/00-intro-showcases--angular-ng-build) [ -](/story/00-intro-showcases--react-cra-build) +](?path=/story/00-intro-showcases--react-vite-build) [ -](/story/00-intro-showcases--react-and-tailwind) +](?path=/story/00-intro-showcases--react-and-tailwind) [ -](/story/00-intro-showcases--vue-vite-build) +](?path=/story/00-intro-showcases--vue-vite-build)