Demos: Move to Userland/Demos/

2 files changed, 563 insertions, 0 deletions

diff --git a/Userland/Demos/WidgetGallery/CMakeLists.txt b/Userland/Demos/WidgetGallery/CMakeLists.txt
new file mode 100644
index 0000000000..2c4e42046d
--- /dev/null
+++ b/Userland/Demos/WidgetGallery/CMakeLists.txt
@@ -0,0 +1,6 @@
+set(SOURCES
+    main.cpp
+)
+
+serenity_app(WidgetGallery ICON app-widget-gallery)
+target_link_libraries(WidgetGallery LibGUI)
diff --git a/Userland/Demos/WidgetGallery/main.cpp b/Userland/Demos/WidgetGallery/main.cpp
new file mode 100644
index 0000000000..37e5c4efa2
--- /dev/null
+++ b/Userland/Demos/WidgetGallery/main.cpp
@@ -0,0 +1,557 @@
+/*
+ * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
+ * Copyright (c) 2020, Linus Groh <mail@linusgroh.de>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ *    list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ *    this list of conditions and the following disclaimer in the documentation
+ *    and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+ * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+ * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+ * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+ * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <AK/NonnullRefPtr.h>
+#include <AK/Vector.h>
+#include <LibGUI/Action.h>
+#include <LibGUI/Application.h>
+#include <LibGUI/BoxLayout.h>
+#include <LibGUI/Button.h>
+#include <LibGUI/CheckBox.h>
+#include <LibGUI/ColorInput.h>
+#include <LibGUI/ComboBox.h>
+#include <LibGUI/GroupBox.h>
+#include <LibGUI/Icon.h>
+#include <LibGUI/ImageWidget.h>
+#include <LibGUI/InputBox.h>
+#include <LibGUI/Label.h>
+#include <LibGUI/ListView.h>
+#include <LibGUI/Menu.h>
+#include <LibGUI/MenuBar.h>
+#include <LibGUI/MessageBox.h>
+#include <LibGUI/Model.h>
+#include <LibGUI/OpacitySlider.h>
+#include <LibGUI/ProgressBar.h>
+#include <LibGUI/RadioButton.h>
+#include <LibGUI/ScrollBar.h>
+#include <LibGUI/Slider.h>
+#include <LibGUI/SpinBox.h>
+#include <LibGUI/TabWidget.h>
+#include <LibGUI/TextBox.h>
+#include <LibGUI/Variant.h>
+#include <LibGUI/Widget.h>
+#include <LibGUI/Window.h>
+#include <LibGfx/FontDatabase.h>
+
+template<typename T>
+class ListViewModel final : public GUI::Model {
+public:
+    static NonnullRefPtr<ListViewModel> create(Vector<T>& model_items) { return adopt(*new ListViewModel(model_items)); }
+    virtual ~ListViewModel() override { }
+    virtual int row_count(const GUI::ModelIndex&) const override { return m_model_items.size(); }
+    virtual int column_count(const GUI::ModelIndex&) const override { return 1; }
+    virtual GUI::Variant data(const GUI::ModelIndex& index, GUI::ModelRole role) const override
+    {
+        ASSERT(index.is_valid());
+        ASSERT(index.column() == 0);
+        if (role == GUI::ModelRole::Display)
+            return m_model_items.at(index.row());
+        return {};
+    }
+    virtual void update() override { did_update(); }
+
+private:
+    explicit ListViewModel(Vector<String>& model_items)
+        : m_model_items(model_items)
+    {
+    }
+    Vector<T>& m_model_items;
+};
+
+int main(int argc, char** argv)
+{
+    auto app = GUI::Application::construct(argc, argv);
+
+    if (pledge("stdio rpath shared_buffer", nullptr) < 0) {
+        perror("pledge");
+        return 1;
+    }
+
+    if (unveil("/res", "r") < 0) {
+        perror("unveil");
+        return 1;
+    }
+
+    if (unveil(nullptr, nullptr) < 0) {
+        perror("unveil");
+        return 1;
+    }
+
+    auto app_icon = GUI::Icon::default_icon("app-widget-gallery");
+
+    auto window = GUI::Window::construct();
+    window->resize(430, 480);
+    window->set_title("Widget Gallery");
+    window->set_icon(app_icon.bitmap_for_size(16));
+
+    auto menubar = GUI::MenuBar::construct();
+
+    auto& app_menu = menubar->add_menu("Widget Gallery");
+    app_menu.add_action(GUI::CommonActions::make_quit_action([&](auto&) { app->quit(); }));
+
+    auto& help_menu = menubar->add_menu("Help");
+    help_menu.add_action(GUI::CommonActions::make_about_action("Widget Gallery", app_icon, window));
+
+    auto& root_widget = window->set_main_widget<GUI::Widget>();
+    root_widget.set_fill_with_background_color(true);
+    root_widget.set_layout<GUI::VerticalBoxLayout>();
+    root_widget.layout()->set_margins({ 4, 4, 4, 4 });
+
+    auto& tab_widget = root_widget.add<GUI::TabWidget>();
+
+    auto& tab_basic = tab_widget.add_tab<GUI::Widget>("Basic");
+    tab_basic.set_layout<GUI::VerticalBoxLayout>();
+    tab_basic.layout()->set_margins({ 8, 8, 8, 8 });
+    tab_basic.layout()->set_spacing(8);
+
+    auto& radio_group_box = tab_basic.add<GUI::GroupBox>();
+    radio_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    radio_group_box.layout()->set_margins({ 4, 4, 4, 4 });
+
+    auto& radio_button_vert_container = radio_group_box.add<GUI::Widget>();
+    radio_button_vert_container.set_layout<GUI::VerticalBoxLayout>();
+    radio_button_vert_container.layout()->set_margins({ 4, 9, 4, 4 });
+
+    auto& radio_button_container = radio_button_vert_container.add<GUI::Widget>();
+    radio_button_container.set_layout<GUI::HorizontalBoxLayout>();
+
+    auto& radio1 = radio_button_container.add<GUI::RadioButton>("RadioButton 1");
+    radio1.set_checked(true);
+    [[maybe_unused]] auto& radio2 = radio_button_container.add<GUI::RadioButton>("RadioButton 2");
+    auto& radio3 = radio_button_container.add<GUI::RadioButton>("RadioButton 3");
+    radio3.set_enabled(false);
+
+    auto& checklabelspin_container = tab_basic.add<GUI::Widget>();
+    checklabelspin_container.set_layout<GUI::HorizontalBoxLayout>();
+
+    auto& check_group_box = checklabelspin_container.add<GUI::GroupBox>();
+    check_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    check_group_box.layout()->set_margins({ 4, 12, 4, 4 });
+
+    auto& checkbox_container = check_group_box.add<GUI::Widget>();
+    checkbox_container.set_layout<GUI::VerticalBoxLayout>();
+    checkbox_container.layout()->set_margins({ 4, 4, 4, 4 });
+
+    auto& label_container = check_group_box.add<GUI::Widget>();
+    label_container.set_layout<GUI::VerticalBoxLayout>();
+    label_container.layout()->set_margins({ 4, 4, 4, 4 });
+
+    auto& spin_group_box = checklabelspin_container.add<GUI::GroupBox>();
+    spin_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    spin_group_box.layout()->set_margins({ 4, 4, 4, 4 });
+    spin_group_box.set_title("Spin boxes");
+
+    auto& spin_container = spin_group_box.add<GUI::Widget>();
+    spin_container.set_layout<GUI::VerticalBoxLayout>();
+    spin_container.layout()->set_margins({ 4, 12, 4, 4 });
+
+    auto& checkbox1 = checkbox_container.add<GUI::CheckBox>("CheckBox 1");
+    checkbox1.set_checked(true);
+    auto& checkbox2 = checkbox_container.add<GUI::CheckBox>("CheckBox 2");
+    checkbox2.set_enabled(false);
+
+    auto& label1 = label_container.add<GUI::Label>("Label 1");
+    label1.set_fixed_height(22);
+    auto& label2 = label_container.add<GUI::Label>("Label 2");
+    label2.set_enabled(false);
+    label2.set_fixed_height(22);
+
+    [[maybe_unused]] auto& spinbox1 = spin_container.add<GUI::SpinBox>();
+    auto& spinbox2 = spin_container.add<GUI::SpinBox>();
+    spinbox2.set_enabled(false);
+
+    auto& button_container = tab_basic.add<GUI::Widget>();
+    button_container.set_layout<GUI::HorizontalBoxLayout>();
+
+    auto& button_vert1_container = button_container.add<GUI::Widget>();
+    button_vert1_container.set_layout<GUI::VerticalBoxLayout>();
+
+    auto& button_vert2_container = button_container.add<GUI::Widget>();
+    button_vert2_container.set_layout<GUI::VerticalBoxLayout>();
+
+    auto& button1 = button_vert1_container.add<GUI::Button>("Button 1");
+    button1.set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/kill.png"));
+    auto& button2 = button_vert1_container.add<GUI::Button>("Button 2");
+    button2.set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/kill.png"));
+    button2.set_enabled(false);
+    [[maybe_unused]] auto& button3 = button_vert2_container.add<GUI::Button>("\xF0\x9F\x98\x88 Button 3");
+    auto& button4 = button_vert2_container.add<GUI::Button>("\xF0\x9F\x8D\x86 Button 4");
+    button4.set_enabled(false);
+
+    auto& text_group_box = tab_basic.add<GUI::GroupBox>();
+    text_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    text_group_box.set_title("Text boxes");
+    text_group_box.layout()->set_margins({ 8, 4, 8, 4 });
+
+    auto& textbox_vert1_container = text_group_box.add<GUI::Widget>();
+    textbox_vert1_container.set_layout<GUI::VerticalBoxLayout>();
+    textbox_vert1_container.layout()->set_margins({ 1, 12, 1, 4 });
+
+    auto& textbox_vert2_container = text_group_box.add<GUI::Widget>();
+    textbox_vert2_container.set_layout<GUI::VerticalBoxLayout>();
+    textbox_vert2_container.layout()->set_margins({ 1, 12, 1, 4 });
+
+    auto& textbox1 = textbox_vert1_container.add<GUI::TextBox>();
+    textbox1.set_placeholder("Editable");
+    auto& textbox2 = textbox_vert1_container.add<GUI::TextBox>();
+    textbox2.set_text("Disabled");
+    textbox2.set_enabled(false);
+    auto& textbox3 = textbox_vert2_container.add<GUI::TextBox>();
+    textbox3.set_text("Read only");
+    textbox3.set_mode(GUI::TextEditor::ReadOnly);
+    auto& textbox4 = textbox_vert2_container.add<GUI::TextBox>();
+    textbox4.set_text("Display only");
+    textbox4.set_mode(GUI::TextEditor::DisplayOnly);
+
+    auto& combocolor_container = tab_basic.add<GUI::Widget>();
+    combocolor_container.set_layout<GUI::HorizontalBoxLayout>();
+
+    auto& combo_group_box = combocolor_container.add<GUI::GroupBox>();
+    combo_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    combo_group_box.layout()->set_margins({ 4, 4, 4, 4 });
+    combo_group_box.set_title("Combo boxes");
+
+    auto& color_group_box = combocolor_container.add<GUI::GroupBox>();
+    color_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    color_group_box.layout()->set_margins({ 4, 4, 4, 4 });
+    color_group_box.set_title("Color pickers");
+
+    auto& combo_container = combo_group_box.add<GUI::Widget>();
+    combo_container.set_layout<GUI::VerticalBoxLayout>();
+    combo_container.layout()->set_margins({ 4, 12, 4, 4 });
+
+    auto& color_container = color_group_box.add<GUI::Widget>();
+    color_container.set_layout<GUI::VerticalBoxLayout>();
+    color_container.layout()->set_margins({ 4, 12, 4, 4 });
+
+    Vector<String> model_items;
+    model_items.append("Yes");
+    model_items.append("No");
+    model_items.append("Maybe");
+    model_items.append("I don't know");
+    model_items.append("Can you repeat the question?");
+
+    auto& combobox1 = combo_container.add<GUI::ComboBox>();
+    combobox1.set_only_allow_values_from_model(true);
+    combobox1.set_model(*ListViewModel<AK::String>::create(model_items));
+
+    auto& combobox2 = combo_container.add<GUI::ComboBox>();
+    combobox2.set_enabled(false);
+
+    auto& color_input_enabled = color_container.add<GUI::ColorInput>();
+    color_input_enabled.set_color(Color::from_string("#961605ff").value());
+    color_input_enabled.set_color_picker_title("Select color for desktop");
+
+    auto& color_input_disabled = color_container.add<GUI::ColorInput>();
+    color_input_disabled.set_color(Color::from_string("#961605ff").value());
+    color_input_disabled.set_enabled(false);
+
+    auto& tab_others = tab_widget.add_tab<GUI::Widget>("Sliders");
+    tab_others.set_layout<GUI::VerticalBoxLayout>();
+    tab_others.layout()->set_margins({ 8, 8, 8, 8 });
+    tab_others.layout()->set_spacing(8);
+
+    auto& vert_slider_group_box = tab_others.add<GUI::GroupBox>();
+    vert_slider_group_box.set_layout<GUI::HorizontalBoxLayout>();
+    vert_slider_group_box.layout()->set_margins({ 4, 28, 4, 4 });
+    vert_slider_group_box.set_title("Vertical sliders");
+
+    auto& vslider1 = vert_slider_group_box.add<GUI::VerticalSlider>();
+    vslider1.set_max(100);
+    vslider1.set_tooltip("Fixed");
+    auto& vslider2 = vert_slider_group_box.add<GUI::VerticalSlider>();
+    vslider1.set_max(100);
+    vslider2.set_enabled(false);
+    vslider2.set_tooltip("Disabled");
+    auto& vslider3 = vert_slider_group_box.add<GUI::VerticalSlider>();
+    vslider3.set_max(5);
+    vslider3.set_knob_size_mode(GUI::Slider::KnobSizeMode::Proportional);
+    vslider3.set_tooltip("Proportional");
+
+    auto& horizontal_slider_group_box = tab_others.add<GUI::GroupBox>();
+    horizontal_slider_group_box.set_layout<GUI::VerticalBoxLayout>();
+    horizontal_slider_group_box.layout()->set_margins({ 4, 12, 4, 4 });
+    horizontal_slider_group_box.set_title("Horizontal sliders");
+
+    auto& horizontal_slider_container = horizontal_slider_group_box.add<GUI::Widget>();
+    horizontal_slider_container.set_layout<GUI::HorizontalBoxLayout>();
+    horizontal_slider_container.layout()->set_margins({ 4, 4, 4, 4 });
+
+    auto& horizontal_slider_container2 = horizontal_slider_group_box.add<GUI::Widget>();
+    horizontal_slider_container2.set_layout<GUI::HorizontalBoxLayout>();
+    horizontal_slider_container2.layout()->set_margins({ 4, 4, 4, 4 });
+
+    auto& slider1 = horizontal_slider_container.add<GUI::HorizontalSlider>();
+    slider1.set_max(100);
+    auto& slider2 = horizontal_slider_container.add<GUI::HorizontalSlider>();
+    slider2.set_enabled(false);
+    slider2.set_max(100);
+    slider2.set_value(50);
+    auto& slider3 = horizontal_slider_container.add<GUI::HorizontalSlider>();
+    slider3.set_max(5);
+    slider3.set_knob_size_mode(GUI::Slider::KnobSizeMode::Proportional);
+
+    auto& progress1 = horizontal_slider_container2.add<GUI::ProgressBar>();
+    progress1.set_fixed_height(28);
+
+    slider1.on_change = [&](int value) {
+        progress1.set_value(value);
+        if (!(value % (100 / slider3.max())))
+            slider3.set_value(value / (100 / slider3.max()));
+    };
+
+    slider3.on_change = [&](int value) {
+        progress1.set_value((value * 100) / slider3.max());
+        slider1.set_value((value * 100) / slider3.max());
+    };
+
+    auto& opacity_slider_group_box = tab_others.add<GUI::GroupBox>();
+    opacity_slider_group_box.set_fixed_height(48);
+    opacity_slider_group_box.set_layout<GUI::VerticalBoxLayout>();
+    opacity_slider_group_box.layout()->set_margins({ 8, 16, 8, 8 });
+    opacity_slider_group_box.set_title("Opacity sliders");
+
+    auto& opacity_slider = opacity_slider_group_box.add<GUI::OpacitySlider>();
+    opacity_slider.set_range(0, 100);
+    opacity_slider.set_value(75);
+
+    auto& scroll_group_box = tab_others.add<GUI::GroupBox>();
+    scroll_group_box.set_layout<GUI::VerticalBoxLayout>();
+    scroll_group_box.layout()->set_margins({ 12, 12, 12, 12 });
+    scroll_group_box.set_title("Scrollbars");
+
+    scroll_group_box.layout()->add_spacer();
+
+    auto& scrollbar1 = scroll_group_box.add<GUI::ScrollBar>(Orientation::Horizontal);
+    scrollbar1.set_fixed_height(16);
+    scrollbar1.set_min(0);
+    scrollbar1.set_max(100);
+    scrollbar1.set_value(50);
+
+    scroll_group_box.layout()->add_spacer();
+
+    auto& scrollbar2 = scroll_group_box.add<GUI::ScrollBar>(Orientation::Horizontal);
+    scrollbar2.set_fixed_height(16);
+    scrollbar2.set_enabled(false);
+
+    scroll_group_box.layout()->add_spacer();
+
+    auto& tab_modals = tab_widget.add_tab<GUI::Widget>("Modals");
+    tab_modals.set_layout<GUI::VerticalBoxLayout>();
+    tab_modals.layout()->set_margins({ 8, 8, 8, 8 });
+    tab_modals.layout()->set_spacing(8);
+
+    GUI::MessageBox::Type msg_box_type = GUI::MessageBox::Type::Error;
+
+    auto& msgbox_group_container = tab_modals.add<GUI::GroupBox>("Message boxes");
+    msgbox_group_container.set_layout<GUI::VerticalBoxLayout>();
+    msgbox_group_container.layout()->set_margins({ 4, 12, 4, 2 });
+
+    auto& msgbox_radio_container = msgbox_group_container.add<GUI::Widget>();
+    msgbox_radio_container.set_layout<GUI::HorizontalBoxLayout>();
+    msgbox_radio_container.layout()->set_margins({ 4, 12, 4, 4 });
+
+    auto& icon_group_box = msgbox_radio_container.add<GUI::GroupBox>("Icon");
+    icon_group_box.set_layout<GUI::VerticalBoxLayout>();
+    icon_group_box.layout()->set_margins({ 4, 16, 4, 4 });
+
+    auto& radio_none = icon_group_box.add<GUI::RadioButton>("None");
+    radio_none.on_checked = [&](bool) {
+        msg_box_type = GUI::MessageBox::Type::None;
+    };
+    auto& radio_information = icon_group_box.add<GUI::RadioButton>("\xE2\x84\xB9 Information");
+    radio_information.on_checked = [&](bool) {
+        msg_box_type = GUI::MessageBox::Type::Information;
+    };
+    auto& question_information = icon_group_box.add<GUI::RadioButton>("\xF0\x9F\xA4\x94 Question");
+    question_information.on_checked = [&](bool) {
+        msg_box_type = GUI::MessageBox::Type::Question;
+    };
+    auto& radio_warning = icon_group_box.add<GUI::RadioButton>("\xE2\x9A\xA0 Warning");
+    radio_warning.on_checked = [&](bool) {
+        msg_box_type = GUI::MessageBox::Type::Warning;
+    };
+    auto& radio_error = icon_group_box.add<GUI::RadioButton>("\xE2\x9D\x8C Error");
+    radio_error.set_checked(true);
+    radio_error.on_checked = [&](bool) {
+        msg_box_type = GUI::MessageBox::Type::Error;
+    };
+
+    auto& button_group_box = msgbox_radio_container.add<GUI::GroupBox>("Buttons");
+    button_group_box.set_layout<GUI::VerticalBoxLayout>();
+    button_group_box.layout()->set_margins({ 4, 16, 4, 4 });
+
+    GUI::MessageBox::InputType msg_box_input_type = GUI::MessageBox::InputType::OKCancel;
+
+    auto& radio_ok = button_group_box.add<GUI::RadioButton>("OK");
+    radio_ok.on_checked = [&](bool) {
+        msg_box_input_type = GUI::MessageBox::InputType::OK;
+    };
+    auto& radio_ok_cancel = button_group_box.add<GUI::RadioButton>("OK & Cancel");
+    radio_ok_cancel.set_checked(true);
+    radio_ok_cancel.on_checked = [&](bool) {
+        msg_box_input_type = GUI::MessageBox::InputType::OKCancel;
+    };
+    auto& radio_yes_no = button_group_box.add<GUI::RadioButton>("Yes & No");
+    radio_yes_no.on_checked = [&](bool) {
+        msg_box_input_type = GUI::MessageBox::InputType::YesNo;
+    };
+    auto& radio_yes_no_cancel = button_group_box.add<GUI::RadioButton>("Yes & No & Cancel");
+    radio_yes_no_cancel.on_checked = [&](bool) {
+        msg_box_input_type = GUI::MessageBox::InputType::YesNoCancel;
+    };
+
+    auto& msgbox_text_container = msgbox_group_container.add<GUI::Widget>();
+    msgbox_text_container.set_layout<GUI::VerticalBoxLayout>();
+    msgbox_text_container.set_fixed_height(100);
+    msgbox_text_container.layout()->set_margins({ 4, 8, 4, 8 });
+
+    auto& title_textbox = msgbox_text_container.add<GUI::TextBox>();
+    title_textbox.set_fixed_height(24);
+    title_textbox.set_text("Demo Title");
+
+    auto& content_textbox = msgbox_text_container.add<GUI::TextBox>();
+    content_textbox.set_fixed_height(24);
+    content_textbox.set_text("Demo text for message box.");
+
+    auto& msgbox_button = msgbox_text_container.add<GUI::Button>("Create");
+    msgbox_button.on_click = [&](auto) {
+        GUI::MessageBox::show(window, content_textbox.text(), title_textbox.text(), msg_box_type, msg_box_input_type);
+    };
+
+    auto& input_group_box = tab_modals.add<GUI::GroupBox>("Input boxes");
+    input_group_box.set_layout<GUI::VerticalBoxLayout>();
+    input_group_box.layout()->set_margins({ 4, 12, 4, 4 });
+    input_group_box.set_fixed_height(140);
+
+    input_group_box.layout()->add_spacer();
+
+    auto& input_label = input_group_box.add<GUI::Label>("Valued user input goes here.");
+    input_label.set_font(Gfx::FontDatabase::default_bold_font());
+
+    input_group_box.layout()->add_spacer();
+
+    auto& input_button_container = input_group_box.add<GUI::Widget>();
+    input_button_container.set_layout<GUI::VerticalBoxLayout>();
+    input_button_container.layout()->set_margins({ 4, 0, 4, 0 });
+
+    auto& input_button = input_button_container.add<GUI::Button>("Input...");
+    String value;
+    input_button.on_click = [&](auto) {
+        if (GUI::InputBox::show(value, window, "Enter input:", "Input Box") == GUI::InputBox::ExecOK && !value.is_empty())
+            input_label.set_text(value);
+    };
+
+    auto& tab_image = tab_widget.add_tab<GUI::Widget>("Images");
+    tab_image.set_layout<GUI::VerticalBoxLayout>();
+    tab_image.layout()->set_margins({ 8, 8, 8, 8 });
+    tab_image.layout()->set_spacing(8);
+
+    auto& banner_image = tab_image.add<GUI::ImageWidget>();
+    banner_image.set_frame_thickness(2);
+    banner_image.load_from_file("/res/graphics/brand-banner.png");
+
+    auto& gif_animation_image = tab_image.add<GUI::ImageWidget>();
+    gif_animation_image.load_from_file("/res/graphics/download-animation.gif");
+
+    auto& tab_cursors = tab_widget.add_tab<GUI::Widget>("Cursors");
+    tab_cursors.set_layout<GUI::VerticalBoxLayout>();
+    tab_cursors.layout()->set_margins({ 8, 8, 8, 8 });
+    tab_cursors.layout()->set_spacing(8);
+
+    auto& cursor_group_box = tab_cursors.add<GUI::GroupBox>("Cursor");
+    cursor_group_box.set_layout<GUI::VerticalBoxLayout>();
+    cursor_group_box.layout()->set_margins({ 4, 12, 4, 4 });
+
+    auto& radio_cursor_none = cursor_group_box.add<GUI::RadioButton>("None");
+    radio_cursor_none.set_checked(true);
+    radio_cursor_none.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::None);
+    };
+    auto& radio_cursor_arrow = cursor_group_box.add<GUI::RadioButton>("Arrow");
+    radio_cursor_arrow.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Arrow);
+    };
+    auto& radio_crosshair_arrow = cursor_group_box.add<GUI::RadioButton>("Crosshair");
+    radio_crosshair_arrow.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Crosshair);
+    };
+    auto& radio_cursor_i_beam = cursor_group_box.add<GUI::RadioButton>("IBeam");
+    radio_cursor_i_beam.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::IBeam);
+    };
+    auto& radio_cursor_resize_horizontal = cursor_group_box.add<GUI::RadioButton>("ResizeHorizontal");
+    radio_cursor_resize_horizontal.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::ResizeHorizontal);
+    };
+    auto& radio_cursor_resize_vertical = cursor_group_box.add<GUI::RadioButton>("ResizeVertical");
+    radio_cursor_resize_vertical.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::ResizeVertical);
+    };
+    auto& radio_cursor_resize_diagonal_tlbr = cursor_group_box.add<GUI::RadioButton>("ResizeDiagonalTLBR");
+    radio_cursor_resize_diagonal_tlbr.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::ResizeDiagonalTLBR);
+    };
+    auto& radio_cursor_resize_diagonal_bltr = cursor_group_box.add<GUI::RadioButton>("ResizeDiagonalBLTR");
+    radio_cursor_resize_diagonal_bltr.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::ResizeDiagonalBLTR);
+    };
+    auto& radio_cursor_resize_column = cursor_group_box.add<GUI::RadioButton>("ResizeColumn");
+    radio_cursor_resize_column.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::ResizeColumn);
+    };
+    auto& radio_cursor_resize_row = cursor_group_box.add<GUI::RadioButton>("ResizeRow");
+    radio_cursor_resize_row.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::ResizeRow);
+    };
+    auto& radio_cursor_hand = cursor_group_box.add<GUI::RadioButton>("Hand");
+    radio_cursor_hand.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Hand);
+    };
+    auto& radio_cursor_help = cursor_group_box.add<GUI::RadioButton>("Help");
+    radio_cursor_help.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Help);
+    };
+    auto& radio_cursor_drag = cursor_group_box.add<GUI::RadioButton>("Drag");
+    radio_cursor_drag.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Drag);
+    };
+    auto& radio_cursor_move = cursor_group_box.add<GUI::RadioButton>("Move");
+    radio_cursor_move.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Move);
+    };
+    auto& radio_cursor_wait = cursor_group_box.add<GUI::RadioButton>("Wait");
+    radio_cursor_wait.on_checked = [&](bool) {
+        window->set_cursor(Gfx::StandardCursor::Wait);
+    };
+
+    app->set_menubar(move(menubar));
+
+    window->show();
+
+    return app->exec();
+}