AppearingText

Dependencies for @arclockproject/common/components/AppearingText are

@mui/material @emotion/react @emotion/styled

Type text at default character/100ms",

import { AppearingText } from "@arclockproject/common/components/AppearingText";

Live Editor

<AppearingText>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo quod fugiat
  excepturi temporibus iste reiciendis repudiandae aliquam libero atque, sed id
  nemo quia similique hic ducimus labore corrupti cupiditate quae.
</AppearingText>

Result

Loading...

Type text at a custom speed of character/20ms

Live Editor

<AppearingText speed={20}>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo quod fugiat
  excepturi temporibus iste reiciendis repudiandae aliquam libero atque, sed id
  nemo quia similique hic ducimus labore corrupti cupiditate quae.
</AppearingText>

Result

Loading...