1.0.4 • Published 4 years ago

react-terminal-view v1.0.4

Weekly downloads
9
License
MIT
Repository
github
Last release
4 years ago

react-terminal-view

add a simple terminal view with possibility to have typing animation

NPM JavaScript Style Guide

Install

npm install --save react-terminal-view

Usage

import React, { Component } from 'react'
import Terminal from 'react-terminal-view'

export default class App extends Component {
  render () {
    let lines = [
      'Hello,',
      "My name's Amine",
      "I'm a full-stack developer",
      "I love everything that's related to new technology",
      'I hope this component has been useful to you'
    ]
    return (
      <div>
        <Terminal lines={lines} />
      </div>
    )
  }
}

Result of Example

Result

Reduce and expand window

Result

Close window

Result

Properties

PropertieDescription
heightThe height of the terminal view
widthThe width of the terminal view
backgroundThe background of the terminal's body
textColorThe text color of the terminal's body
textSizeThe size of the text
enableTypingAnimationEnable/disable typing animation of the text

License

MIT © AmineVolk

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago