Skip to content

Commit ac47d1d

Browse files
committed
feat: static text styles
1 parent ea4f670 commit ac47d1d

File tree

15 files changed

+2311
-4
lines changed

15 files changed

+2311
-4
lines changed

docs/content/react/components/(foundation)/typography/text.mdx

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -115,6 +115,19 @@ Figma의 Text Style과 대응되는 `textStyle` 속성을 사용하는 것이
115115
```
116116
</ComponentExample>
117117

118+
### Static
119+
120+
`textStyle` 속성을 사용하여 정적인 텍스트 스타일을 적용할 수 있습니다.
121+
122+
<ComponentExample name="react/text/static">
123+
```json doc-gen:file
124+
{
125+
"file": "examples/react/text/static.tsx",
126+
"codeblock": true
127+
}
128+
```
129+
</ComponentExample>
130+
118131
### White Space
119132

120133
<Callout type="warning">
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import { Flex, Text } from "@seed-design/react";
2+
3+
export default function TextStatic() {
4+
return (
5+
<Flex direction="column" gap="x2">
6+
<Text color="fg.neutral" textStyle="t1RegularStatic">
7+
t1Regular
8+
</Text>
9+
<Text color="fg.neutral" textStyle="t2RegularStatic">
10+
t2Regular
11+
</Text>
12+
<Text color="fg.neutral" textStyle="t3RegularStatic">
13+
t3Regular
14+
</Text>
15+
<Text color="fg.neutral" textStyle="t4RegularStatic">
16+
t4Regular
17+
</Text>
18+
<Text color="fg.neutral" textStyle="t5RegularStatic">
19+
t5Regular
20+
</Text>
21+
<Text color="fg.neutral" textStyle="t6BoldStatic">
22+
t6Bold
23+
</Text>
24+
<Text color="fg.neutral" textStyle="t7BoldStatic">
25+
t7Bold
26+
</Text>
27+
<Text color="fg.neutral" textStyle="t8BoldStatic">
28+
t8Bold
29+
</Text>
30+
<Text color="fg.neutral" textStyle="t9BoldStatic">
31+
t9Bold
32+
</Text>
33+
<Text color="fg.neutral" textStyle="t10BoldStatic">
34+
t10Bold
35+
</Text>
36+
</Flex>
37+
);
38+
}

0 commit comments

Comments
 (0)