@acodez/typography 中文文档教程
@acodez/typography
React 排版组件。
Installation
npm install @acodez/typography
Props API
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | no | declare the type of the text element, choose from h1, h2, h3,h4, h5, h6, p, etc |
| size | string | no | font size, choose from sm, md, lg |
| color | string | no | color scheme, choose from primary, secondary, warning, success, danger, info, dark, light |
| decoration | string | no | text decoration, choose from strike, underline, overline |
Usage
import Text from "@acodez/typography";
示例
<Text type="h1">Heading 1 text</Text>
示例 - 更多选项
<Text type="p" decoration="strike" color="warning">This is a paragraph text with a color scheme of warning, and as you can see, texts are striked.</Text>
@acodez/typography
React typography component.
Installation
npm install @acodez/typography
Props API
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | no | declare the type of the text element, choose from h1, h2, h3,h4, h5, h6, p, etc |
| size | string | no | font size, choose from sm, md, lg |
| color | string | no | color scheme, choose from primary, secondary, warning, success, danger, info, dark, light |
| decoration | string | no | text decoration, choose from strike, underline, overline |
Usage
import Text from "@acodez/typography";
Example
<Text type="h1">Heading 1 text</Text>
Example - more options
<Text type="p" decoration="strike" color="warning">This is a paragraph text with a color scheme of warning, and as you can see, texts are striked.</Text>
