Rust egui Tutorial #2 — Text Widgets: Labels, Headings & More

Learn egui in Neovim, episode two, labels and headings. Display text with headings, labels, separators, and monospace. Egui provides several widgets for displaying text. Heading shows large bold text. Label shows normal text. Separator draws a horizontal line between sections. Monospace displays text in a fixed-width code font. Cargo new creates a fresh Rust project. We enter the new project directory. Open Neovim. No file argument needed. Space e opens Neo-tree on the right. J moves down to navigate. Enter opens the file. Cargo.toml manages dependencies. G jumps to the bottom. Add eframe 0.31 for the egui framework. Save with colon w. Colon e switches files. Open src/main.rs. Clear the file and start fresh. Import egui from eframe. >> The main function returns eframe result. Native options configures the window. Viewport builder sets window size 400 by 350 pixels. Dot dot default fills remaining options. Run underscore native launches the window with a title and our app. The title says labels and headings. Box new wraps our app. The closure creates it on startup. >> Close the main function. My app holds our application state. One field, name. Default sets the initial name to world. >> Impl app is where we draw the interface. Central panel fills the window. Heading displays large bold text. Our page title. Separator draws a horizontal line between sections. Label shows normal read-only text. We add two labels explaining what they do. >> Another separator. Then a second heading. Labels can show dynamic text with format macro. A third separator before the monospace section. Monospace displays text in a fixed-width code font. Save with colon W 51 lines of rust. G G scrolls to top. Review the full file. Colon bang cargo build. Compile inside neovim. Cargo compiles all dependencies. Cargo.lock appeared after the build. Our labels and headings app is ready to run. Our app running. Headings, labels, separators, and monospace. Each widget serves a different purpose for text display. Separator creates clean visual sections. Recap, five key takeaways. First, heading displays large bold text. Second, label shows normal read-only text. Third, separator draws a horizontal dividing line. Fourth, monospace shows fixed width code text. Fifth, format macro builds dynamic text with variables. Thanks for watching. Like and subscribe for more egui tutorials. Next episode, buttons and state. >> Mhm.