`<CommandLineTerminal>` Component

The <CommandLineTerminal> is a representation of a terminal in a static state.

<CommandLineTerminal
  product="waypoint"
  lines={[
    {
      code: '» Building . . . . . . . . . . . . .',
    },
    {
      color: 'gray',
      code: '  Creating new buildpack-based image using builder:',
    },
    {
      color: 'gray',
      code: '  heroku/buildpacks:18',
    },
    {
      color: 'navy',
      code: '  ✓ Creating pack client',
    },
    {
      color: 'white',
      code: '⠴ Building image',
    },
  ]}
/>

<CommandLineTerminal
  product="waypoint"
  lines={[
    {
      code: '» Building . . . . . . . . . . . . .',
    },
    {
      color: 'gray',
      code: '  Creating new buildpack-based image using builder:',
    },
    {
      color: 'gray',
      code: '  heroku/buildpacks:18',
    },
    {
      color: 'navy',
      code: '  ✓ Creating pack client',
    },
    {
      color: 'white',
      code: '⠴ Building image',
    },
  ]}
/>

Where it's used

Latest:2.0.4

Search with

Releases

Latest:2.0.4

registry.npmjs.org

0.x.x

Loading 0.x.x releases...

1.x.x

Loading 1.x.x releases...

2.x.x

Loading 2.x.x releases...

Props

Name	Description
`product` string	A lower-case product identifier to pull in respective theme colors. The default is hashicorp blue. Options: `"hashicorp"`, `"boundary"`, `"consul"`, `"nomad"`, `"packer"`, `"terraform"`, `"vault"`, `"vagrant"`, `"waypoint"`
`lines` array	The lines of code to be rendered. Indentation can be represented by using whitespace. Array members must be of the type below:
`lines[x]` object	Object contains nested props, see below:
`lines[x].code` string	Code to be rendered
`lines[x].color` string	Color of rendered code Options: `"navy"`, `"gray"`, `"white"`

<CommandLineTerminal> Component

Code Editor

Where it's used

Releases

Props

`<CommandLineTerminal>` Component