12345678910
import {"{"} createCliRenderer, Text {"}"} from "@opentui/core"
const renderer = await createCliRenderer()
renderer.root.add(
Text({"{"}
content: "Hello, OpenTUI!",
fg: "#00FF00",
{"}"})
)
1234567891011
import {"{"} createCliRenderer, Input {"}"} from "@opentui/core"
const renderer = await createCliRenderer()
const input = Input({"{"}
placeholder: "Type something...",
width: 30,
{"}"})
input.focus()
renderer.root.add(input)
1234567891011121314
import {"{"} createCliRenderer, Box, Text {"}"} from "@opentui/core"
const renderer = await createCliRenderer()
renderer.root.add(
Box(
{"{"} width: "100%", height: "100%", flexDirection: "row", gap: 2 {"}"},
Box(
{"{"} flexGrow: 1, backgroundColor: "#1a1b26" {"}"},
Text({"{"} content: "Sidebar", fg: "#bb9af7" {"}"})
),
Box({"{"} flexGrow: 3, backgroundColor: "#24283b" {"}"}, Text({"{"} content: "Main" {"}"}))
)
)