iced-rs / iced_aw

Additional widgets for the Iced GUI library
MIT License
409 stars 102 forks source link

Iced - Additional Widgets

Documentation Crates.io License

This crate contains additional widgets for the GUI library Iced.

Every widget is hidden by a feature gate. This allows you to cherry pick the widgets you actually need.

Usage:

Include iced_aw as a dependency in your Cargo.toml:

[dependencies]
iced = "0.12.0"
iced_aw = { version = "0.9.3", default-features = false, features = [...] }

Versioning

iced version iced_aw version
0.8 0.4
0.9 0.5
0.10 0.6, 0.7
0.12 0.8, 0.9

Widgets

Badge

![Badge showcase](./images/showcase/badge.png)

Please take a look into our examples on how to use badges.

Enable this widget with the feature badge.

Card

![Card showcase](./images/showcase/card.png)

Please take a look into our examples on how to use cards.

Enable this widget with the feature card.

Color Picker

![Color Picker showcase](./images/showcase/color_picker.png)

Please take a look into our examples on how to use color pickers.

Enable this widget with the feature color_picker.

Date Picker

![Date Picker showcase](./images/showcase/date_picker.png)

Please take a look into our examples on how to use date pickers.

Enable this widget with the feature date_picker.

NumberInput

Just like TextInput, but only for numbers.

![NumberInput showcase](./images/showcase/number_input.png)

Please take a look into our examples on how to use number inputs.

Enable this widget with the feature number_input.

This widget does currently not support web

SelectionList

A selection space to show any options passed in.

![SelectionList showcase](./images/showcase/selection_list.gif)

Enable this widget with the feature selection_list.

TabBar and Tabs

![Tabs showcase](./images/showcase/tabs_example.gif)

Please take a look into our examples on how to use TabBars and Tabs.

Enable TabBars with the feature tab_bar and Tabs with tabs.

Time Picker

![Modal showcase](./images/showcase/time_picker.png)

Please take a look into our examples on how to use time pickers.

Enable this widget with the feature time_picker.

Menu

![Menu showcase](./images/showcase/menu.gif)

Please take a look into our examples on how to use menus.

Enable this widget with the feature menu.

You might also want to enable the feature quad for drawing separators.

Slide Bar

Please take a look into our examples on how to use slidebars.

Enable this widget with the feature slide_bar.

Context Menu

See the example here

Drop Down Menu

See the example here

Quickstart features

Quickstart features are pretty handy to start and experiment having everything like colors or icons available. Nevertheless, it is recommended to disable these features once the GUI is ready for production and to only include the things you really need.

Color palette

This crate adds a predefined color palette based on the CSS color palette.

Bootstrap icons

Thanks to Bootstrap, iced_aw now contains ~1,200 icons to be used in an Iced GUI.

Enable icons with the feature icons.

Note: the icon font with ~1,200 weights around 0.274 MB. This features should only be used for experimenting with all the icons.