Express versions of component gallery apps

[gadenbuie]

General Approach

1. Before you start working on a directory, add your name to the list below to let everyone know you're working in an area.

2. Checkout the latest version of express/component-gallery and create a new branch for your work.

3. Each component's page and associated apps live in one of the folders below. We need to rewrite any *express.py apps to use Shiny Express syntax. The existing *express.py files are currently copies of their corresponding Shiny Core apps.

4. You do not need to update the shinylive links in the example listing in the component's index.qmd. I'll handle bulk-updating the shinylive links when we're done.

5. Note that we need to use the dev version of py-shiny and the syntax associated with that version, not the released Shiny Express syntax. As a result, it will only be possible to preview your apps locally; shinylive.io will not have the targeted version of shiny.

Important

For components with variations, the YAML in index.qmd is not quite right and needs to manually adjusted. For each variation, under the apps key, choose either the Core or Express style to be used for the preview. Then add an entry like the following to the start of the apps list:

- title: Preview
  file: app-variation-modal-core.py
  height: 500

Component apps to rewrite

Display messages

• display-messages/modal @gadenbuie
• display-messages/notifications @gadenbuie
• display-messages/progress-bar @gadenbuie
• display-messages/tooltips @gadenbuie

Outputs

@gadenbuie

• outputs/data-grid
• outputs/datatable
• outputs/image
• outputs/map-ipyleaflet
• outputs/plot-matplotlib
• outputs/plot-plotly
• outputs/plot-seaborn
• outputs/text
• outputs/ui
• outputs/value-box
• outputs/verbatim-text

Inputs

• inputs/action-button @karangattu
• inputs/action-link @karangattu
• inputs/checkbox-group @karangattu
• inputs/checkbox @karangattu
• inputs/date-range-selector @karangattu
• inputs/date-selector @karangattu
• inputs/numeric-input @karangattu
• inputs/password-field @karangattu
• inputs/radio-buttons @karangattu
• inputs/select-multiple @karangattu
• inputs/select-single @karangattu
• inputs/selectize-multiple @karangattu
• inputs/selectize-single @karangattu
• inputs/slider-range @karangattu
• inputs/slider @karangattu
• inputs/switch @karangattu
• inputs/text-area @karangattu
• inputs/text-box @karangattu

[gadenbuie]

Done in #66