A customizable terminal command viewer in React. 🚀

Using yarn

yarn add react-terminal-command

Using npm

npm install react-terminal-command

import React from 'react'

import ReactTerminalCommand from 'react-terminal-command'

const Example = () => {
  return <ReactTerminalCommand command='yarn install react-terminal-command' />
}

import React from 'react'

import ReactTerminalCommand from 'react-terminal-command'

const Example = () => {
  return (
    <ReactTerminalCommand
      command='yarn install react-terminal-command'
      color='#d40188'
      withDark
    />
  )
}

• React Terminal Command is container-width-preffered. Use container width based on your application preference.
• color prop supports both 6 digit and 3 digit hex codes. If your props has an issue default red will be used and console will display an error below.

⛔️ Invalid hex color code provided. Default will be used.

• Switchable dark mode and light mode
• Command copy option
• Container preffered width
• Several command colors to choose from

1. Submit an issue
2. Fork the repository
3. Create a dedicated branch (never ever work in master)
4. The first time, run command: yarn or npm install into the directory
5. Run yarn run build or npm run build
6. Link lib locally with yarn link or npm link
7. Fix bugs or implement features
8. Always write tests

Using yarn

yarn start

using npm

npm start

Application build will be triggered in watch moode.

Using yarn

yarn test:watch

Using npm

npm test:watch

MIT © dhanushkac

Angular Terminal Command - coming soon

Vue Terminal Command - coming soon