Package: kitDesign 0.6.1

kitDesign: Shared 'Shiny' User Interface Components for KIT Research Tools

The shared user interface layer of the KIT research tools built with 'shiny': a 'bslib' theme based on Bootswatch Brite, the KIT style sheets and logos, a page wrapper with the KIT header, and documented components (page guide, buttons, download buttons, callouts, cloud-version banner and footer, status boxes, details rows, code panels, step cards, checklists, step tabs, diagrams, tables and a 'plotly' chart style), a skeleton for tabs with one run button (page order and status flow), plus a few server-side helpers (run gate, scroll to result, tab states, notifications, number formatting, user-facing errors), value objects for status boxes, checklists and code, 'shiny' modules for the stateful pieces (step cards, step tabs, run gate, code panel) and a scaffold for new apps. Load it with one call to kit_page() and build the page from kit_*() components. The logo and the colour palette come from a brand object (kit_brand()), so projects other than KIT can use their own.

Authors:Jie-Wen Tsai [aut, cre]

kitDesign_0.6.1.tar.gz
kitDesign_0.6.1.zip(r-4.7-any)kitDesign_0.6.1.zip(r-4.6-any)kitDesign_0.6.1.zip(r-4.5-any)
kitDesign_0.6.1.tgz(r-4.6-any)kitDesign_0.6.1.tgz(r-4.5-any)
kitDesign_0.6.1.tar.gz(r-4.7-any)kitDesign_0.6.1.tar.gz(r-4.6-any)
kitDesign_0.6.1.tgz(r-4.6-emscripten)
manual.pdf |manual.html✨
DESCRIPTION |NEWS
card.svg |card.png
kitDesign/json (API)

# Install 'kitDesign' in R:

install.packages('kitDesign', repos = c('https://jiewentsai.r-universe.dev', 'https://cloud.r-project.org'))

Bug tracker:https://github.com/jiewentsai/kitdesign/issues

Pkgdown/docs site:https://jiewentsai.github.io

On CRAN:

3.93 score 3 packages 19 scripts 93 exports 30 dependencies

Last updated from:57434db69f. Checks:9 OK. Indexed: yes.

Target	Result	Time
linux-devel	OK	179
source / vignettes	OK	217
linux-release	OK	158
macos-release	OK	120
macos-oldrel	OK	110
windows-devel	OK	95
windows-release	OK	95
windows-oldrel	OK	92
wasm-release	OK	115

Exports:kit_abort kit_advanced kit_app_description kit_app_link kit_app_meta kit_brand kit_btn_class kit_button kit_callout kit_chart_colors kit_chart_neutral kit_chart_sequential kit_check kit_checklist kit_cloud_banner kit_cloud_footer kit_code kit_code_blocks kit_code_cols kit_code_panel kit_code_panel_server kit_code_panel_ui kit_code_wrap kit_colors kit_current_brand kit_detail kit_details_row kit_dg_table kit_diagram kit_dims kit_done_status kit_download_button kit_error_status kit_fix_utf8_chr kit_fix_utf8_df kit_flow_tabs kit_gallery kit_gz_path kit_header kit_is_cloud kit_is_user_error kit_is_valid_utf8_df kit_logo_dependency kit_logo_file kit_logo_uri kit_navgroup kit_navgroups kit_need_files kit_new_app kit_next_step kit_notify kit_num kit_open_browser kit_open_details kit_page kit_plotly_fonts kit_plotly_style kit_preview_table kit_problems kit_ready_line kit_render_code_panel kit_rows_note kit_run_gate kit_run_gate_server kit_run_gate_ui kit_run_tab_server kit_run_tab_ui kit_sav_safe_names kit_scroll_to kit_send_tab_states kit_settings_line kit_stale_status kit_static_table kit_status kit_status_ui kit_step_body kit_step_card kit_step_head kit_step_tabs_server kit_step_tabs_ui kit_stepcards_server kit_stepcards_ui kit_steps kit_tab_guide kit_tab_states kit_table_scroll kit_test_download kit_theme kit_truncate_bytes kit_unload_guard kit_versions kit_watch_tab_states use_kit

Dependencies:base64enc bslib cachem cli commonmark digest fastmap fontawesome fs glue htmltools httpuv jquerylib jsonlite later lifecycle magrittr memoise mime otel promises R6 rappdirs Rcpp rlang sass shiny sourcetools withr xtable

用 kitDesign 做一頁 KIT app

Rendered fromkitDesign.Rmdusingknitr::rmarkdown

Last update: 2026-10-31
Started: 2026-10-31

Help page	Topics
An error meant for the user	kit_abort
Advanced settings: collapsed by default	kit_advanced
Read the app's version and date (Version and Date in DESCRIPTION)	kit_app_description
A link to another website or app (opens in a new tab)	kit_app_link
The version line in the header, e.g. "kitJoin v0.6.0 · 2026-10-31"	kit_app_meta
Brand: logo and colors	kit_brand
Class for a button kind	kit_btn_class
Button	kit_button
Callout	kit_callout
Categorical chart colors	kit_chart_colors
Neutral color for non-categorical chart elements	kit_chart_neutral
Color scale for continuous values (chart)	kit_chart_sequential
One checklist row	as.tags.kit_check format.kit_check kit_check print.kit_check
Checklist	as.tags.kit_checklist format.kit_checklist kit_checklist print.kit_checklist
Cloud version reminder banner (one line below the header)	kit_cloud_banner
Cloud version usage notes (bottom of the page, small gray text)	kit_cloud_footer
Code for one version (code panel)	as.tags.kit_code format.kit_code kit_code print.kit_code
Content of "How to do it in R": a note plus code in one or more versions (with "Copy")	kit_code_blocks
Display width of each line (CJK and full-width characters count as 2 columns)	kit_code_cols
Placeholder for "How to do it in R" (code panel)	kit_code_panel
"How to do it in R" module (code panel)	kit_code_panel_server kit_code_panel_ui
Wrap code to at most 70 columns per line	kit_code_wrap
KIT brand color constants (for custom CSS or charts)	kit_colors
The current brand: 'options(kitDesign.brand = )', KIT when not set	kit_current_brand
One detail: collapsed by default, a one-line small-print title	kit_detail
Details row	kit_details_row
Small table for diagrams (2–3 columns, 2–4 rows)	kit_dg_table
Diagram: small table before → small table after, with a plain-language line below	kit_diagram
Dimension text: "5 列 × 7 欄" ("5 rows × 7 columns")	kit_dims
Status after a run: 【完成，但請注意】 (done, but take note) when something needs attention, otherwise 【完成】 (done)	kit_done_status
Download button	kit_download_button
Status for a failed run (【停下來】, stopped)	kit_error_status
File helpers: encoding, SPSS variable names, compressed file paths, opening the browser	kit_files kit_fix_utf8_chr kit_fix_utf8_df kit_gz_path kit_is_valid_utf8_df kit_open_browser kit_sav_safe_names kit_truncate_bytes
Ordered workflow tabs (the kitsUI style)	kit_flow_tabs
Component gallery app	kit_gallery
KIT header	kit_header
Is this the cloud version?	kit_is_cloud
Was the error thrown by 'kit_abort()'?	kit_is_user_error
htmlDependency for the logo files (inst/logo/): the header SVG and tab icon are fetched by URL	kit_logo_dependency
URL of a logo file (for use on the page)	kit_logo_file
KIT logo (data URI)	kit_logo_uri
One group in the tab bar (for 'kit_navgroups()')	kit_navgroup
Grouped tab bar (unnumbered; the kitJoin style)	kit_navgroups
"還差" ("Still needed"): the sentence shown when there are not enough files	kit_need_files
Start a new KIT Shiny app	kit_new_app
Next step	kit_next_step
Show a notification (Shiny's showNotification)	kit_notify
Integer with thousands separators	kit_num
Open a collapsible section (for example, open the advanced settings after applying a preset)	kit_open_details
A KIT page: theme, styles, and header set up in one call	kit_page
Attach the app's typeface to a plotly chart (for downloaded HTML)	kit_plotly_fonts
Give a plotly chart the KIT look (chart)	kit_plotly_style
Data for a preview table (pass to 'shiny::renderTable()')	kit_preview_table
Problems in a table or list (dark orange-red text)	kit_problems
Ready line ("what's still needed")	kit_ready_line
Server side: render code into 'kit_code_panel()'	kit_render_code_panel
Note for a long table: "共 3,418 列 × 25 欄，以下前 10 列、前 20 欄。" ("3,418 rows × 25 columns in total; first 10 rows and 20 columns below.")	kit_rows_note
When the primary button cannot be pressed yet: disable it and show what is still needed above it	kit_run_gate
Primary button + "Still needed: …" module (ready line)	kit_run_gate_server kit_run_gate_ui
Run tab	kit_run_tab_server kit_run_tab_ui
After running, scroll the status box to the top of the screen	kit_scroll_to
Send tab states to the browser	kit_send_tab_states
Settings summary: a line of small text above the primary button or the result	kit_settings_line
Old result no longer valid after files or settings change (【要重新執行】, "Run again")	kit_stale_status
Small table (put directly inside renderUI(); no separate output needed)	kit_static_table
Status object (status box)	as.tags.kit_status format.kit_status kit_status print.kit_status
Status box	kit_status_ui
Step card content	kit_step_body
Step card	kit_step_card
Step card header	kit_step_head
Step tabs module	kit_step_tabs_server kit_step_tabs_ui
Step card module	kit_stepcards_server kit_stepcards_ui
Numbered list of steps (for the 'steps' of 'kit_tab_guide()')	kit_steps
Page guide: what this page does	kit_tab_guide
State of each tab	kit_tab_states
Put wide tables in here: they scroll sideways in their own box and do not break the layout	kit_table_scroll
Press a download button in tests	kit_test_download
KIT's bslib theme	kit_theme
Reminder before leaving the page	kit_unload_guard
Versions: kitDesign and the app's own	kit_versions
Send tab states to the browser whenever they change	kit_watch_tab_states
KIT styles and browser-side scripts (an htmltools dependency)	use_kit

Package: kitDesign 0.6.1

kitDesign: Shared 'Shiny' User Interface Components for KIT Research Tools

Citation

Development and contributors

Readme and manuals

Help Manual

Usage by other packages (reverse dependencies)