starred/opentui
1
0
Fork 0
mirror of https://github.com/anomalyco/opentui.git synced 2026-04-25 04:55:58 +03:00
Code Issues 255 Projects Releases 7 Packages Wiki Activity

[GH-ISSUE #493] How I can make boxes like this using react package? #129

New issue
Closed
opened 2026-03-02 23:44:45 +03:00 by kerem · 3 comments
kerem commented 2026-03-02 23:44:45 +03:00
Owner
Copy link

Originally created by @beautyfree on GitHub (Jan 8, 2026).
Original GitHub issue: https://github.com/anomalyco/opentui/issues/493

Image

This app uses ratatui (https://github.com/markmarkoh/lt/blob/main/src/widgets/selected_issue.rs#L225-L269)

Originally created by @beautyfree on GitHub (Jan 8, 2026). Original GitHub issue: https://github.com/anomalyco/opentui/issues/493 <img width="1146" height="314" alt="Image" src="https://github.com/user-attachments/assets/a10121bb-cccb-44da-b69e-fb2c21b5e579" /> This app uses ratatui (https://github.com/markmarkoh/lt/blob/main/src/widgets/selected_issue.rs#L225-L269)
kerem closed this issue 2026-03-02 23:44:45 +03:00
kerem commented 2026-03-02 23:44:46 +03:00
Author
Owner
Copy link

@kommander commented on GitHub (Jan 8, 2026):

That should be possible with a flex row layout and absolutely positioned text within the boxes that overflows into the borders.

<!-- gh-comment-id:3725221671 --> @kommander commented on GitHub (Jan 8, 2026): That should be possible with a flex row layout and absolutely positioned text within the boxes that overflows into the borders.
kerem commented 2026-03-02 23:44:46 +03:00
Author
Owner
Copy link

@beautyfree commented on GitHub (Jan 9, 2026):

Is it possible to make this supported at the api level like in ratatui?
https://ratatui.rs/examples/widgets/block/

<!-- gh-comment-id:3730893338 --> @beautyfree commented on GitHub (Jan 9, 2026): Is it possible to make this supported at the api level like in ratatui? https://ratatui.rs/examples/widgets/block/
kerem commented 2026-03-02 23:44:46 +03:00
Author
Owner
Copy link

@beautyfree commented on GitHub (Jan 24, 2026):

@msmps It's sad to see this closed, because for me this is one of the blockers for using this package

<!-- gh-comment-id:3795383091 --> @beautyfree commented on GitHub (Jan 24, 2026): @msmps It's sad to see this closed, because for me this is one of the blockers for using this package
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
feat/native-span-feed-renderer
keymap-manager-2
skills
footer-resize
feature-docs
rgbaa-indexed-squashed
issue-799/work
fix/react-runtime-plugin-import
release-0.1.102
flicker-less
markdown-streaming
theme-queries
ehrmahgehrd
code-signing
keyboard-ctrl-x
fix/query-send-after-alt-screen
cli-render-api
default-alias
fix/windows-terminal-ctrl-backspace
issue-846/work
default-stdin-parser-timeout
target-fps
destroy-path
resize-harden
node-module-res
linters
example-overlay
minor-simplifications
system-locks
work/investigations-31-opencode-16470-light-mode-code-output
bg-alpha-blending
issue-661/work
monotonic-clock
fix/csi-timeout-flush
fix-csi-timeout-flush
fix/windows-test-support
span-stream-gate
tbv-refactor
scroll-into-view
speedup-tests
capslock-text
feat/ssh
issue-748-stdin-flood-regression
tests/fix-609-cases
fix-609
build-end-to-end-script
layout-scan-offsets
explore-gain-method
flaky-test
simd-grapheme-accounting
fix-wordwrap-splitting-words
markdown-leak
deno
fix-grapheme-clear
feat/windows-rawmode-workaround
fix/focus-restore-terminal-modes
yoga
fix(solid)-prop-initialization-before-insert
docs/skill
fix-github-io-links
fix-ci
fix/border-seg-fault-20260116174445
stdin-emoji-ime-pr-483
tmux-palette
osc8-link
fix/winterm-ctrl+c-rawmode
windows-debug
debug-double-key-events
add-review
bun-yoga-pr-356
fix-negative-y-segfault
win-testing
feat/migrate-input-20251107224958
bug/text-wrap-20251106163441
solid-invalidate-ref
debug-opencode-session-scrollbox
fix-text-not-updating
opencode
copilot/fix-143
scroll-area
kom-anchor-pos
anchor-positioning
keymap-7-snapshot
v0.1.103
keymap-6-snapshot
keymap-5-snapshot
keymap-4-snapshot
theme-again-2-snapshot
keymap-3-snapshot
keymap-2-snapshot
theme-again-1-snapshot
v0.1.102
v0.1.101
keymap-1-snapshot
theme-mode-1-snapshot
v0.1.100
v0.1.99
perf-3-snapshot
perf-2-snapshot
perf-1-snapshot
v0.1.98
v0.1.97
runtime-resolve-4-snapshot
runtime-resolve-3-snapshot
runtime-resolve-2-snapshot
v0.1.96
v0.1.95
runtime-resolve-1-snapshot
v0.1.94
slot-dedupe-1-snapshot
v0.1.93
pre-0193-3-snapshot
pre-0193-2-snapshot
pre-0193-1-snapshot
v0.1.92
slot-churn-2-snapshot
slot-churn-1-snapshot
v0.1.91
locks-2-snapshot
locks-1-snapshot
v0.1.90
v0.1.89
plugins-12-snapshot
plugins-11-snapshot
plugins-10-snapshot
v0.1.88
node-next-2-snapshot
node-next-snapshot
plugins-9-snapshot
plugins-8-snapshot
plugins-7-snapshot
plugins-6-snapshot
v0.1.87
plugins-5-snapshot
plugins-4-snapshot
plugins-3-snapshot
plugins-2-snapshot
plugins-1-snapshot
v0.1.86
v0.1.85
v0.1.84
v0.1.83
v0.1.82
v0.1.81
v0.1.80
v0.1.79
v0.1.78
v0.1.77
v0.1.76
v0.1.75
v0.1.74
v0.1.73
input-graphemes-snapshot
v0.1.72
v0.1.71
v0.1.70
tmux-palette-snapshot
react-unmount-snapshot
zig15-snapshot
v0.1.69
v0.1.68
v0.1.67
v0.1.66
v0.1.65
v0.1.64
v0.1.63
v0.1.62
v0.1.61
more-default-keybinds2-snapshot
more-default-keybinds-snapshot
v0.1.60
kitty-flags-snapshot
v0.1.59
v0.1.58
diff-fg-snapshot
v0.1.57-dry.1
v0.1.57
bun-yoga-4-snapshot
v0.1.56
v0.1.55
bun-yoga-3-snapshot
bun-yoga-2-snapshot
bun-yoga-1-snapshot
v0.1.54
v0.1.53
v0.1.52
v0.1.51
diff1-snapshot
v0.1.50
v0.1.49
v0.1.48
v0.1.47
v0.1.46
v0.1.45
v0.1.44
v0.1.43
react-test-utils-snapshot
v0.1.42
no-sync-snapshot
v0.1.41
v0.1.40
lazy-highlights-snapshot
v0.1.39
v0.1.38
v0.1.37
get-palette-snapshot
v0.1.36
v0.1.35
oc-snapshot
v0.1.34
v0.1.33
win-tswp-resolve-1-snapshot
v0.1.32
markdown-rendering-snapshot
unicode-fixes-snapshot
defrag-snapshot
tabstop-snapshot
oc-ta-5-snapshot
oc-ta-4-snapshot
v0.1.31
oc-ta-3-snapshot
oc-ta-2-snapshot
oc-ta-1-snapshot
v0.1.30
v0.1.29
v0.1.28
v0.1.27
suspend-resume-snapshot
scroll-accel-setter-snapshot
v0.1.26
find-descendant-snapshot
uggu-3-snapshot
uggu-2-snapshot
uggu-treetree-snapshot
second-tree-sitter-snapshot
inital-tree-sitter-snapshot
fix-orphaned-child-nodes-snapshot
prevent-default-2-snapshot
meta-ctrl-fix-snapshot
prevent-default-snapshot
new-use-timeline-snapshot
v0.1.25
improved-shutdown-sequence-snapshot
fix-stale-line-info-snapshot
fix-find-descendant-snapshot
bracketed-paste-snapshot
20250922152022-snapshot
graceful-shutdown-snapshot
flex-shrink-default-snapshot
yoga-fix-snapshot
text-wrap-snapshot
20250918170613-snapshot
20250917004658-snapshot
scrollbox-fix-1-snapshot
kitty-keyboard-snapshot
textnodes-snapshot
mem-improvements-snapshot
v0.1.19-snapshot5
v0.1.19-snapshot4
v0.1.19-snapshot3
v0.1.19-snapshot2
v0.1.19-snapshot
Labels
Clear labels   
bug

   
core

   
documentation

   
feature

   
good first issue

   
help wanted

   
pull-request

Mirrored from GitHub Pull Request

  
question

   
react

   
solid

   
tmux

   
windows
No labels
bug
core
documentation
feature
good first issue
help wanted
pull-request
question
react
solid
tmux
windows
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/opentui#129
No description provided.