Pane
A structured container block, ideal for split layouts.
Pane is a wrapper around Box specifically designed for creating distinct sections within a larger grid or flex layout. It comes with built-in title support and optional borders.
Usage
import { Pane, Text } from 'caret-tui';
const App = () => (
<Pane title="Logs" width="50%" height={10}>
<Text>System initializing...</Text>
</Pane>
);Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | An optional title embedded in the top border. |
width | string | number | "100%" | The width of the pane. |
height | string | number | - | The height of the pane. |
showBorder | boolean | true | Whether to display the outer border. |
children | React.ReactNode | - | The content inside the pane. |