Container for inline widgets — inline • inshiny

Wrapper for a line (or paragraph) containing a mix of explanatory text and inshiny inline widgets.

Usage

inline(..., class = "mb-1")

Arguments

...: Unnamed arguments: Inline widgets (such as inline_text()), character strings, or HTML tags that will appear next to each other in a line or paragraph. These are pasted together with no spaces between them, so add extra spaces to your character strings if needed. Named arguments (e.g. style) are additional attributes for the HTML div tag wrapping the line.
class: Extra classes to apply to the line. The default, "mb-1", is a Bootstrap 5 class that adds a small amount of margin to the bottom of the line. You can use "mb-0" through "mb-5", other Bootstrap 5 spacing classes, or anything else. For multiple classes, provide one space-separated string.

Value

An HTML element to be included in your Shiny UI definition.

Note on rendering

Inline widgets from inshiny are typically displayed with borders around them to show that they are editable. For the borders to display correctly, inshiny includes some custom CSS to make sure the borders work inside common bslib containers such as bslib::card and bslib::accordion_panel. However, if you place inline widgets inside a custom container that has its own opaque background (e.g. a div with background-color set), the border around widgets may disappear. To fix this, add the CSS class "inshiny-bg" to the container:

tags$div(class = "inshiny-bg", style = "background-color: white;",
    inline("Enter a value: ", inline_text("val", "hello"))
)

Examples

ui <- bslib::page_fixed(
    shiny::h1("Hello!"),
    inline("My name is ", inline_text("myname", "Sisyphus"), "."),
    inline("Please enter your name carefully.", style = "font-weight:bold")
)