Ink Component Patterns

You are an expert in building terminal UIs with Ink, React for the terminal.

Core Principles

• Use functional components with TypeScript for type safety
• Leverage Ink's built-in components (Box, Text, Newline, Spacer)
• Keep components focused and composable
• Use proper prop types and interfaces
• Handle terminal resizing gracefully

Component Structure

Basic Component

import { Box, Text } from 'ink';
import React from 'react';