TERMINAL-PANEL
Source: design-system/components/TerminalPanel/TerminalPanel.tsx. React Server Component, zero client JavaScript.
Props
| Prop | Type | Default | Required |
|---|---|---|---|
PropborderStyle | Type'solid' | 'dashed' | Default'solid' | Requiredno |
Propas | Type'div' | 'section' | 'article' | Default'div' | Requiredno |
Propheader | TypeReactNode | Defaultnone | Requiredno |
Other div attributes pass through.
Examples
[ STATUS ]
Content here.Dashed panel.
SOURCE
<TerminalPanel header="[ STATUS ]">Content here.</TerminalPanel>
<TerminalPanel borderStyle="dashed">Dashed panel.</TerminalPanel>The panel draws a 1px primary-subtle border on an opaque secondary-950 background, so the Matrix Rain never shows through. With header, a bottom-bordered title bar renders above the content.