Skip to content

afeiship/react-typed

Repository files navigation

react-typed

React for Typed.js.

version license size download

installation

npm install -S @jswork/react-typed

usage

  1. import css
@import "~@jswork/react-typed/dist/style.css"; // or use sass @import "~@jswork/react-typed/dist/style.scss";
  1. import js
import ReactTyped from '@jswork/react-typed'; import '@jswork/react-typed/dist/style.scss'; function App() { return ( <div className="m-10 p-4 shadow bg-gray-100 text-gray-800 hover:shadow-md transition-all"> <div className="badge badge-warning absolute right-0 top-0 m-4"> Build Time: {BUILD_TIME} </div> <h1>react-typed</h1> <ReactTyped> <p>Typed.js is a <strong>JavaScript</strong> library.</p> <p>It <em>types</em> out sentences.</p> <p>You can <strong>customize</strong> the typing speed, backspacing speed, and more.</p> </ReactTyped> <hr /> <ReactTyped> <p>此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。</p> </ReactTyped> <hr /> <ReactTyped strings={['Hello world, this is react-typed.']} typeSpeed={100} /> </div> ); } export default App;

preview

license

Code released under the MIT license.

About

React for Typed.js.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published