theme_picker_ui

theme_picker_ui(default=DEPRECATED)

Theme picker - UI

Add this to your UI to enable the theme picker. Adds a input_select for users to choose a shinyswatch theme. This function requires theme_picker_server to be included in your server function.

Notes

  • Set the initial theme by providing an initial shinyswatch theme to the theme argument of a Shiny page function, e.g. page_sidebar.
  • Do not include more than one theme picker in your app.
  • Do not call the theme picker UI / server inside a module.

Examples

app_ui = ui.page_sidebar(
    ui.sidebar(
        shinyswatch.theme_picker_ui(),
        # Other input controls in the sidebar...
    ),
    # Your main app content...
    title="Shiny Sidebar Page",
    theme=shinyswatch.theme.minty, # Initial (optional) app theme
)

Parameters

Name Type Description Default
default DEPRECATED_PARAM Deprecated. Please use the theme argument of a Shiny page function to set the initial theme. DEPRECATED

Returns

Type Description
ui.TagChild A UI element creating the theme picker.

See Also

Examples

#| '!! shinylive warning !!': |
#|   shinylive does not work in self-contained HTML documents.
#|   Please set `embed-resources: false` in your metadata.
#| standalone: true
#| components: [editor, viewer]
#| layout: vertical
#| viewerHeight: 800
## file: app.py
import pandas as pd
from shiny import App, render, ui

import shinyswatch

app_ui = ui.page_navbar(
    ui.nav_panel(
        "Navbar 1",
        ui.layout_sidebar(
            ui.sidebar(
                ui.input_file("file", "File input:"),
                ui.input_text("txt", "Text input:", "general"),
                ui.input_slider("slider", "Slider input:", 1, 100, 30),
                ui.tags.h5("Default actionButton:"),
                ui.input_action_button("action", "Search"),
                ui.tags.h5("actionButton with CSS class:"),
                ui.input_action_button(
                    "action2", "Action button", class_="btn-primary"
                ),
            ),
            ui.navset_tab(
                ui.nav_panel(
                    "Tab 1",
                    ui.output_table("table"),
                    ui.tags.h4("Verbatim text output"),
                    ui.output_text_verbatim("txtout"),
                    ui.tags.h1("Header 1"),
                    ui.tags.h2("Header 2"),
                    ui.tags.h3("Header 3"),
                    ui.tags.h4("Header 4"),
                    ui.tags.h5("Header 5"),
                ),
                ui.nav_panel("Tab 2", "Tab 2 content"),
                ui.nav_panel("Tab 3", "Tab 3 content"),
            ),
        ),
    ),
    ui.nav_panel("Plot", "Plot content"),
    ui.nav_panel("Table", "Table content"),
    sidebar=ui.sidebar(
        "Sidebar content",
        shinyswatch.theme_picker_ui(),
    ),
    title="shinyswatch",
    inverse=True,
    theme=shinyswatch.theme.superhero,
)


def server(input, output, session):
    # Include theme_picker_server server in the root of your server function
    shinyswatch.theme_picker_server()

    @output
    @render.text
    def txtout():
        return f"{input.txt()}, {input.slider()}, {input.slider()}"

    @output
    @render.table
    def table():
        cars = pd.DataFrame({"speed": [4, 4, 7, 7], "dist": [2, 10, 4, 22]})
        return cars


app = App(app_ui, server)


## file: requirements.txt
Jinja2
pandas
shiny
shinyswatch