React for Typed.js.
npm install -S @jswork/react-typed
- import css
@import "~@jswork/react-typed/dist/style.css"; // or use sass @import "~@jswork/react-typed/dist/style.scss";
- 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;
Code released under the MIT license.