Sapphire UI Kit

Sapphire UI Kit contains new widgets and themes for Iced. Support accent colors. Fork of prettygooey. Sapphire UI Kit is primarily focused on the regular desktop (Linux, Windows, macOS).

Installation

sapphire_ui = "0.1.0"

Usage

use sapphire_ui::theme::*;
use sapphire_ui::accent::Accent;

use iced::widget::column;
use iced::widget::container;

use iced::Element;
use iced::Sandbox;
use iced::Settings;

fn main() -> iced::Result {
    Text::run(Settings::default())
}

#[derive(Debug, Clone)]
enum Message {
    TitleChanged(String),
    SubTitleChanged(String),
}

struct Text {
    theme: Theme,
    title: String,
    subtitle: String,
}

impl Sandbox for Text {
    type Message = Message;

    fn new() -> Self {
        Self {
            theme: Theme {
                accent_color: Accent::Magenta,
            },
            title: "I love Rust and Iced!".to_string(),
            subtitle: "ЖОПА В КОСМОСЕ".to_string(),
        }
    }

    fn title(&self) -> String {
        format!("Sapphire UI Kit Demo")
    }

    fn view(&self) -> Element<'_, Self::Message> {
        let header = self.theme.header_title(&self.title, &self.subtitle);
        let input = self.theme.text_input("Hello!", &self.text).on_input(Message::TextChanged);

        let title_input = self
            .theme
            .text_input("Put some text here...", &self.title)
            .on_input(TitleChanged);
        let subtitle_input = self
            .theme
            .text_input("Put some text here...", &self.subtitle)
            .on_input(SubTitleChanged);

        let body = column![
            header,
            container(
                column![title_input, subtitle_input,].spacing(10),
            )
            .padding(20),
        ]
        .spacing(5);

        self.theme.primary_container(body).into()
    }

    fn update(&mut self, msg: Self::Message) {
        match msg {
            Message::TitleChanged(text) => {
                self.title = text;
            },
            Message::SubTitleChanged(text) => {
                self.subtitle = text;
            },
        }
    }
}

Features

• Dark and Light styles;
• Support accent colors;
• New styles for:
  • Tabs (from iced_aw)
  • TabBar (from iced_aw)
  • scroll panel
  • checkboxes
  • radio buttons (!!!)
  • comboboxes
  • sliders
  • progress bars;
  • text editors;
  • togglers;
  • tooltips;
  • global menus (from iced_aw)
  • context menus (from iced_aw)
• New widgets:
  • About widget;
  • File Dialog widget:
    • Select single file/dir;
    • Select multiple files/dirs;
• Rewrite API

Used in projects

• resistor - Программа для вычисления сопротивления резисторов по цветам их маркировки;

License

Sapphire UI Kit distributed under MIT license.

Support me

Users from Russia and Belarus can use Boosty.