Terminal

/../hex/src/code/_terminal.scss

This component allows you to include a terminal snippet in the site. Remember to use the Command class to highlight the command and add an extra space.

bash
      kubeapps up
      Creating non-existent deployments kube-system.default-http-backend
Creating non-existent deployments kube-system.nginx-ingress-controller
Creating non-existent deployments kubeapps.kubeapps-dashboard-api
Creating non-existent deployments kubeapps.kubeapps-dashboard-ui
Creating non-existent deployments kubeless.kubeless-controller
Creating non-existent deployments kubeapps.kubeless-ui
Creating non-existent deployments kubeapps.mongodb
Creating non-existent deployments kube-system.sealed-secrets-controller
Creating non-existent deployments kube-system.tiller-deploy
[ ... ]
      echo "Hi"
      Hi
    
<section class="Terminal elevation-1">
  <div class="Terminal__Top type-small">
    <div class="Terminal__Top__Buttons">
      <span class="Terminal__Top__Button Terminal__Top__Button--red"></span>
      <span class="Terminal__Top__Button Terminal__Top__Button--yellow"></span>
      <span class="Terminal__Top__Button Terminal__Top__Button--green"></span>
    </div>
    <div class="Terminal__Top__Title">bash</div>
  </div>
  <div class="Terminal__Tab">
    <pre class="Terminal__Code">
      <code class="Terminal__Code__Command">kubeapps up</code>
      <code>Creating non-existent deployments kube-system.default-http-backend
Creating non-existent deployments kube-system.nginx-ingress-controller
Creating non-existent deployments kubeapps.kubeapps-dashboard-api
Creating non-existent deployments kubeapps.kubeapps-dashboard-ui
Creating non-existent deployments kubeless.kubeless-controller
Creating non-existent deployments kubeapps.kubeless-ui
Creating non-existent deployments kubeapps.mongodb
Creating non-existent deployments kube-system.sealed-secrets-controller
Creating non-existent deployments kube-system.tiller-deploy
[ ... ]</code>
      <code class="Terminal__Code__Command">echo "Hi"</code>
      <code>Hi</code>
    </pre>
  </div>
</section>