Giter Site home page Giter Site logo

egui-toast's Introduction

egui-toast

Latest version Documentation MIT

Toast notifications for the egui library.

Toast types

Quick start

cargo run --example demo

let mut toasts = Toasts::new()
    .anchor((300.0, 300.0))
    .direction(egui::Direction::BottomUp)
    .align_to_end(true);

if ui.button("Add toast").clicked() {
    toasts.info("Hello, World!", Duration::from_secs(5));
}

// or
toasts.warning("Hello, World!", ToastOptions {
    show_icon: true,
    ..ToastOptions::with_duration(Duration::from_secs(5))
});
// or
toasts.add(Toast {
    text: "Hello, World!".into(),
    kind: ToastKind::Error,
    options: Duration::from_secs(5).into()
});

// Show all toasts
toasts.show(ctx);

Customization

Look of the notifications can be fully customized.

const MY_CUSTOM_TOAST: u32 = 0;

fn my_custom_toast_contents(ui: &mut Ui, toast: &mut Toast) -> Response {
    egui::Frame::default()
        .fill(Color32::from_rgb(33, 150, 243))
        .inner_margin(Margin::same(12.0))
        .rounding(4.0)
        .show(ui, |ui| {
            ui.label(toast.text.clone().color(Color32::WHITE));

            if ui.button("Close me").clicked() {
                toast.close();
            }
        }).response
}

let mut toasts = Toasts::new()
    .custom_contents(MY_CUSTOM_TOAST, my_custom_toast_contents);

if ui.button("Add toast").clicked() {
    toasts.add(Toast {
        text: "Hello, World!".into(),
        kind: ToastKind::Custom(MY_CUSTOM_TOAST),
        options: ToastOptions::default()
    });
}

toasts.show(ctx);

egui-toast's People

Contributors

urholaukkarinen avatar connerebbinghaus avatar n00kii avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.