diff --git a/src/showroom/app.tsx b/src/showroom/app.tsx index 66548344..5fe1543d 100644 --- a/src/showroom/app.tsx +++ b/src/showroom/app.tsx @@ -12,9 +12,11 @@ import { BadgeExample } from './components/badge' import { TooltipExample } from './components/tooltip' import { TabsExample } from './components/tabs' import { CalendarExample } from './components/calendar' +import { TypographyExample } from './components/typography' export function App(): JSX.Element { return
+Normal text
+
+Normal text
+`} />
+
+
+
+ Medium text
+ {exampleString}
+
+
+
+Medium text
+`} />
+
+
+
+ Bold text
+ {exampleString}
+
+
+
+Bold text
+`} />
+
+
+
+ Extra bold text
+ {exampleString}
+
+
+
+Extra bold text
+`} />
+
+
+ >
+}
diff --git a/vite.config.ts b/vite.config.ts
index 5ac650d2..3d446a78 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -44,7 +44,7 @@ export default defineConfig({
dest: './styles'
},
{
- src: 'node_modules/@fontsource/inter/files/inter-latin-400-normal.{woff,woff2}',
+ src: 'node_modules/@fontsource/inter/files/inter-latin-{300,400,500,700,800}-normal.{woff,woff2}',
dest: './styles'
}
]