THEME
MOTION
HAPTIC
SOUND
TERMINALFRAME
Bordered box with a small inset title — the "┌─ PEERS ─" terminal look. Use to group related readouts.
Live demo
Import
import { TerminalFrame } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
title | string | — | — | |
accent | 'neutral'|'info'|'success'|'warning'|'danger' | neutral | — | |
children | ReactNode | — | yes | |
className | string | — | — |
Examples
titled
<TerminalFrame title="PEERS">{/* children */}</TerminalFrame>accented
<TerminalFrame title="ERROR" accent="tx">…</TerminalFrame>Accessibility
Role: region
Feedback
| Haptic | none |
| Sound | none |