/

<CommandLineTerminal> Component

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

Share
Code Editor
<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:3.0.0
Search with

Releases

Latest:3.0.0
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...
3.x.x
Loading 3.x.x releases...

Props

NameDescription
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"