diff --git a/apps/pxweb2/src/app/app.tsx b/apps/pxweb2/src/app/app.tsx index 88e61fd3..7a7c8759 100644 --- a/apps/pxweb2/src/app/app.tsx +++ b/apps/pxweb2/src/app/app.tsx @@ -1,51 +1,83 @@ // eslint-disable-next-line @typescript-eslint/no-unused-vars import styles from './app.module.scss'; -import { Button, Heading, BodyShort, Ingress, Label } from '@pxweb2/pxweb2-ui'; +import { + Button, + Heading, + BodyShort, + BodyLong, + Ingress, + Label, +} from '@pxweb2/pxweb2-ui'; function test(event: React.MouseEvent) { event.preventDefault(); alert('test'); } function testSubmit() { - alert('test submit'); + alert('test submit'); } export function App() { return ( <> - - Welcome to pxweb2! - -

Welcome to pxweb2!

- - This page will display various components - This is the BodyShort component - - - - - - - - - - - - - - - - - -
-
-
-
+ + Welcome to PxWeb 2.0 + +
+ + Ingress: This page will display various components + + + BodyShort: This component will be used for text with not more than 80 + characters. + + + BodyLong: This is a story about Little Red Ridinghood. One day she went + into the wood to visit her grandmother. The day after too, She visited + her every day, every week, every month, every year. She never saw a + wolf, no even a little fox. + + + +
+ +
+ +
- - +
+ +
+
+
+ +
+ +
+
+ +
+
+ +   + ); }