Skip to content

Steve-Morales/react-terminal-view

 
 

Repository files navigation

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>
    );
  }
}

Examples

Result of Example

Result

Reduce and expand window

Result

Close window

Result

Properties

Propertie Description
height The height of the terminal view
width The width of the terminal view
background The background of the terminal's body
textColor The text color of the terminal's body
textSize The size of the text
enableTypingAnimation Enable/disable typing animation of the text

License

You can check out the full license here

This project is licensed under the terms of the MIT license.

About

Updating a preexisting webdev repo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 49.4%
  • CSS 39.2%
  • HTML 11.4%