@acodez/typography

typography component

Usage no npm install needed!

<script type="module">
  import acodezTypography from 'https://cdn.skypack.dev/@acodez/typography';
</script>

README

@acodez/typography

npm_version license

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>