Package index

Setup

Load the Designsystemet CSS, JavaScript, and design tokens into your app.

use_designsystemet(): Use Designsystemet in a Shiny App
ds_dependencies(): Designsystemet Dependencies
ds_theme(): Designsystemet Theme

Form inputs

Components with an inputId that return a value via input$id. ds_toggle_group() uses Shiny.setInputValue() rather than a standard input binding — see the Reactivity Patterns vignette.

ds_button() ds_action_button(): Button Component
ds_input(): Text Input Component
ds_checkbox(): Checkbox Component
ds_radio(): Radio Button Component
ds_select(): Select Component
ds_textarea(): Textarea Component
ds_search(): Search Component
ds_suggestion(): Suggestion/Autocomplete Component
ds_combobox(): Combobox Component
ds_toggle_group(): Toggle Group Component

Form structure

Container and labelling helpers for building accessible forms.

ds_field(): Field Container
ds_label(): Label Component
ds_fieldset(): Fieldset Component
ds_validation_message(): Validation Message Component
ds_error_summary(): Error Summary Component

Update inputs

Server-side functions to update input values programmatically.

update_ds_checkbox(): Update Checkbox
update_ds_input(): Update Text Input
update_ds_pagination(): Update Pagination Input
update_ds_select(): Update Select
update_ds_suggestion(): Update Suggestion Input
update_ds_tabs(): Update Tabs Input

Layout

Structural components for organising page content.

ds_card(): Card Component
ds_card_block(): Card Block
ds_tabs(): Tabs Component
ds_tablist(): Tab List Container
ds_tab(): Tab Button
ds_tabpanel(): Tab Panel
ds_pagination(): Pagination Component
ds_table(): Table Component
ds_thead(): Table Header
ds_tbody(): Table Body
ds_tr(): Table Row
ds_th(): Table Header Cell
ds_td(): Table Data Cell

Typography

ds_heading(): Heading Component
ds_paragraph(): Paragraph Component
ds_link(): Link Component
ds_list(): List Component
ds_list_item(): List Item

ds_breadcrumbs(): Breadcrumbs Component
ds_skip_link(): Skip Link Component

Feedback

Status and loading indicators.

ds_alert(): Alert Component
ds_spinner(): Spinner Component
ds_skeleton(): Skeleton Component
ds_badge(): Badge Component
ds_badge_position(): Badge Position Wrapper

Display

Visual and decorative components.

ds_avatar(): Avatar Component
ds_avatar_stack(): Avatar Stack Component
ds_chip(): Chip Component
ds_chip_group(): Chip Group Component
ds_tag(): Tag Component
ds_divider(): Divider Component

Overlays

Components that float above the page. Reactivity for these components uses Shiny.setInputValue() — see the Reactivity Patterns vignette.

ds_tooltip(): Tooltip
ds_popover(): Popover Component
ds_dropdown(): Dropdown Component
ds_dialog(): Dialog Component
show_ds_dialog(): Open a dialog from the server
hide_ds_dialog(): Close a dialog from the server
ds_details(): Details/Accordion Component