diff --git a/examples/elements/progress.zig b/examples/elements/progress.zig index e4026bb..49ef44d 100644 --- a/examples/elements/progress.zig +++ b/examples/elements/progress.zig @@ -37,20 +37,54 @@ pub fn main() !void { defer renderer.deinit(); var progress_percent: u8 = 0; - var progress: App.Progress(.progress) = .init(&app.queue, .{ - .percent = .{ .enabled = true }, - .fg = .green, - .bg = .grey, - }); var quit_text: QuitText = .{}; var container = try App.Container.init(allocator, .{ - .layout = .{ .padding = .all(5) }, + .layout = .{ .padding = .all(5), .direction = .vertical }, }, quit_text.element()); defer container.deinit(); - try container.append(try App.Container.init(allocator, .{}, progress.element())); - + { + var progress: App.Progress(.progress) = .init(&app.queue, .{ + .percent = .{ + .enabled = true, + .alignment = .left, + }, + .fg = .blue, + .bg = .grey, + }); + try container.append(try App.Container.init(allocator, .{}, progress.element())); + } + { + var progress: App.Progress(.progress) = .init(&app.queue, .{ + .percent = .{ + .enabled = true, + .alignment = .middle, // default + }, + .fg = .red, + .bg = .grey, + }); + try container.append(try App.Container.init(allocator, .{}, progress.element())); + } + { + var progress: App.Progress(.progress) = .init(&app.queue, .{ + .percent = .{ + .enabled = true, + .alignment = .right, + }, + .fg = .green, + .bg = .grey, + }); + try container.append(try App.Container.init(allocator, .{}, progress.element())); + } + { + var progress: App.Progress(.progress) = .init(&app.queue, .{ + .percent = .{ .enabled = false }, + .fg = .default, + .bg = .grey, + }); + try container.append(try App.Container.init(allocator, .{}, progress.element())); + } try app.start(); defer app.stop() catch |err| log.err("Failed to stop application: {any}", .{err});