@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>