|
1 |
| -import { Footer, ProjectTemplate, TableOfContent, LabelWithWrapping } from '@sb/components'; |
2 |
| -import { Meta } from '@storybook/blocks'; |
3 |
| -import { Link, FlexBox, FlexBoxJustifyContent, FlexBoxWrap, Label } from '@ui5/webcomponents-react'; |
| 1 | +import { Footer, LabelWithWrapping, ProjectTemplate, TableOfContent } from '@sb/components'; |
4 | 2 | import NextLogo from '@sb/images/logo-nextjs.svg';
|
| 3 | +import ReactRouterLogo from '@sb/images/logo-react-router.svg'; |
5 | 4 | import ViteLogo from '@sb/images/logo-vitejs.svg';
|
6 |
| -import RemixLogo from '@sb/images/logo-remix.svg'; |
| 5 | +import { Meta } from '@storybook/blocks'; |
| 6 | +import { FlexBox, FlexBoxJustifyContent, FlexBoxWrap, Label } from '@ui5/webcomponents-react'; |
7 | 7 |
|
8 | 8 | <Meta title="Project Templates & Examples" />
|
9 | 9 |
|
@@ -98,33 +98,27 @@ A curated list of minimal project templates and examples to get started using UI
|
98 | 98 | >
|
99 | 99 | <ul>
|
100 | 100 | <li>
|
101 |
| - <LabelWithWrapping> |
102 |
| - Routing and Data Fetching using the createBrowserRouter of React Router v7 |
103 |
| - </LabelWithWrapping> |
104 |
| - </li> |
105 |
| - <li> |
106 |
| - <Label>Cypress Component Test setup</Label> |
| 101 | + <LabelWithWrapping>{`Routing and Data Fetching using the createBrowserRouter of React Router v7`}</LabelWithWrapping> |
107 | 102 | </li>
|
108 | 103 | <li>
|
109 |
| - <Label>Cypress E2E Test setup</Label> |
| 104 | + <Label>Cypress Component & E2E Test setup</Label> |
110 | 105 | </li>
|
111 | 106 | <li>
|
112 | 107 | <Label>Theming</Label>
|
113 | 108 | </li>
|
114 | 109 | </ul>
|
115 | 110 | </ProjectTemplate>
|
116 | 111 | <ProjectTemplate
|
117 |
| - title={'Remix'} |
118 |
| - logo={RemixLogo} |
119 |
| - logoAttribution={'Remix.run Logo. Original Source: https://remix.run'} |
120 |
| - href={'https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/remix-ts'} |
| 112 | + title={'React Router v7'} |
| 113 | + subtitle={'Previously: Remix Template'} |
| 114 | + logo={ReactRouterLogo} |
| 115 | + logoAttribution={'React Router Logo. Original Source: https://reactrouter.com'} |
| 116 | + href={'https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/react-router-ts'} |
121 | 117 | isTypeScript
|
122 | 118 | >
|
123 | 119 | <ul>
|
124 | 120 | <li>
|
125 |
| - <Label> |
126 |
| - Remix template using <code>remix-island</code> |
127 |
| - </Label> |
| 121 | + <Label>{`React Router v7 with server side rendering`}</Label> |
128 | 122 | </li>
|
129 | 123 | <li>
|
130 | 124 | <Label>Theming</Label>
|
|
0 commit comments