R |

Lorem ip|

1

2

3

4

5

6

7

8

<TypingTextas="p"

<TypingTexttext="Some text you want to have!"

<TypingTextduration={100}

<TypingTextclassName=" any class you want to have for styling "

<TypingTextcursor?={{symbol: "|", className?: "any-class-name" }}

<TypingTextnoCursor?={true}

<TypingTextspaceAtTextEnd?={true}

/>

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)
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"