feat: integrate Universal Design System with Web, Print, and Presentation examples
Some checks failed
Monorepo Pipeline / ⚡ Prioritize Release (push) Successful in 2s
Monorepo Pipeline / 🧪 Test (push) Successful in 1m16s
Monorepo Pipeline / 🧹 Lint (push) Failing after 1m27s
Monorepo Pipeline / 🏗️ Build (push) Failing after 1m29s
Monorepo Pipeline / 🚀 Release (push) Has been skipped
Monorepo Pipeline / 🐳 Build Gatekeeper (Product) (push) Has been skipped
Monorepo Pipeline / 🐳 Build Build-Base (push) Has been skipped
Monorepo Pipeline / 🐳 Build Production Runtime (push) Has been skipped
Some checks failed
Monorepo Pipeline / ⚡ Prioritize Release (push) Successful in 2s
Monorepo Pipeline / 🧪 Test (push) Successful in 1m16s
Monorepo Pipeline / 🧹 Lint (push) Failing after 1m27s
Monorepo Pipeline / 🏗️ Build (push) Failing after 1m29s
Monorepo Pipeline / 🚀 Release (push) Has been skipped
Monorepo Pipeline / 🐳 Build Gatekeeper (Product) (push) Has been skipped
Monorepo Pipeline / 🐳 Build Build-Base (push) Has been skipped
Monorepo Pipeline / 🐳 Build Production Runtime (push) Has been skipped
This commit is contained in:
26
apps/example-presentation/src/App.tsx
Normal file
26
apps/example-presentation/src/App.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import React from 'react';
|
||||
import { Deck, Slide, Heading, Text as SpectacleText } from 'spectacle';
|
||||
import { Box, Text, EnvironmentProvider } from '@mintel/ui';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<EnvironmentProvider env="presentation">
|
||||
<Deck>
|
||||
<Slide>
|
||||
<Box className="flex flex-col items-center justify-center h-full">
|
||||
<Heading>Mintel Universal Design System</Heading>
|
||||
<SpectacleText>One Codebase. Web, Print, and Presentations.</SpectacleText>
|
||||
|
||||
<Box className="mt-8 p-4 bg-mintel-primary rounded-xl shadow-xl">
|
||||
<Text className="text-white text-xl">
|
||||
This Box and Text comes directly from @mintel/ui!
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
</Slide>
|
||||
</Deck>
|
||||
</EnvironmentProvider>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
Reference in New Issue
Block a user