Build a Note Viewer with Side Panel in egui | Learn egui in Neovim Ep 9

41views
1likes
0
8:40
T
Taught by Celeste AI - AI Coding Coach
View on YouTube
Description
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
Back to tutorials

Duration

8:40

Published

March 11, 2026

Added to Codegiz

March 15, 2026

Open in YouTube