Build a Note Viewer with Side Panel in egui | Learn egui in Neovim Ep 9
41views
1likes
08:40
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Build a note viewer with sidebar navigation using egui's SidePanel and CentralPanel! In this episode, we create a two-panel
layout where users can click note titles in a sidebar to view their content.
Student code: https://github.com/GoCelesteAI/egui_side_panel
**What You'll Learn:**
- SidePanel::left() creates a fixed sidebar region
- CentralPanel fills the remaining space
- selectable_label() makes clickable highlighted list items
- min_width() sets minimum sidebar size
- Vec with struct for data-driven note lists
- Neo-tree H key toggles hidden files
**egui Concepts:**
- egui::SidePanel::left("id").min_width(150.0).show()
- egui::CentralPanel::default().show()
- ui.selectable_label(selected, text)
- Two-panel app layout pattern
**Neovim Key:**
- H — Toggle hidden files in Neo-tree
**Series:** Learn egui in Neovim
This series teaches you how to build desktop apps with egui in Rust, all from within Neovim. Each episode adds a new concept
and includes a complete working project.
**Previous Episode:** Ep 8 — Grid Layout
**Next Episode:** Ep 10 — Scroll Area
#rust #egui #neovim #rustlang #programming #tutorial #gui #desktop #sidebar #panel
Tags
rust, egui, neovim, rust gui, egui tutorial, side panel, sidebar, central panel, selectable label, note viewer, rust desktop
app, learn egui, neovim tutorial, neo-tree, rust programming
Tags
rusteguineovimrust guiegui tutorialside panelsidebarcentral panelselectable labelnote viewerrust desktop applearn eguineovim tutorialneo-treerust programming