0.0.11 • Published 9 months ago

@jaiminmoslake7020/react-typing-text v0.0.11

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

React Component Package

It is a package that contains reusable React component which is built with Styled-Components, React and TypeScript. This package allows a typing text animation feature.

Website

https://react-typing-text.netlify.app/

Installation

npm install @jaiminmoslake7020/react-typing-text

How to use it

import { TypingText } from "@jaiminmoslake7020/react-typing-text";
<TypingText as={"p"}
            text={"Some text you want to have!"}
            duration={100}
            className=" any-styling-class "
                />

Component Properties

TypingTextPropTypes

PropertiesTypeValuesDefault
as?p | h1 | h2 | h3 | h4 | h5 | h6"p", "h1", "h2", "h3", "h4", "h5", "h6""p"
textstring"Some text you want to have!"
duration?number100 (in milliseconds)100
className?string"any-styling-class"
cursor?CursorPropTypes{symbol: "any character", className?:"any-styling-class"}{symbol: "|", className?:"cursor-symbol-default-class"}
noCursor?booleantrue, falsefalse
spaceAtTextEnd?booleantrue, falsefalse
eachCharAsSpan?booleantrue, falsefalse

CursorPropTypes

PropertiesTypeValuesDefault
symbolp | h1 | h2 | h3 | h4 | h5 | h6"any character""|"
className?string"any-styling-class""cursor-symbol-default-class"
0.0.11

9 months ago

0.0.10

10 months ago

0.0.9

10 months ago

0.0.8

10 months ago

0.0.7

10 months ago

0.0.6

10 months ago

0.0.5

10 months ago

0.0.4

10 months ago

0.0.3

10 months ago

0.0.2

10 months ago

0.0.1

10 months ago