jamsrui_text_component_quickstart_with_typography_variants.ts

1import React from "react";
2import { Text } from "@jamsrui/text";
3
4const App = () => {
5  return (
6    <div style={{ display: "flex", flexDirection: "column", gap: "10px" }}>
7      <Text variant="h1">Heading 1</Text>
8      <Text variant="h2">Heading 2</Text>
9      <Text variant="p">
10        This is a paragraph using the Jamsr UI Text component.
11      </Text>
12      <Text variant="span" color="primary">
13        Colored span text
14      </Text>
15    </div>
16  );
17};
18
19export default App;