Terminal Box

A terminal-styled container with optional title bar and traffic-light dots.

Import

import { TerminalBox } from "neoterm-ui";

Usage

<TerminalBox title="server.log">
  <p>Log output here…</p>
</TerminalBox>

<TerminalBox variant="glass" title="config.yml">
  <p>Glass variant with blur backdrop</p>
</TerminalBox>

Props

Prop	Type	Default	Description
title	string	—	Title shown in the header bar.
variant	"default" \| "raised" \| "glass"	"default"	Visual style variant.
headerExtra	ReactNode	—	Extra content rendered in the title bar.
className	string	—	Additional CSS classes.
children	ReactNode	—	Box content.