modal: Modal dialogs

In nteetor/dull: A Reactive Web Framework Built on 'shiny'

Modal dialogs

Description

Modals are a flexible alert window, which disable interaction with the page behind them. Modals may include inputs, buttons, or simply text. Each modal may be assigned an id. By default hideModal() will hide all modals, but you may instead specify a modal's id in which case only that modal is closed. Additionally, when id is not NULL observers and reactives may watch for the modal's close event.

Usage

modal(
  id,
  ...,
  header = NULL,
  footer = NULL,
  center = FALSE,
  size = "md",
  fade = TRUE
)

showModal(modal, session = getDefaultReactiveDomain())

closeModal(id = NULL, session = getDefaultReactiveDomain())

Arguments

id	A character string specifying the id of the modal, when closed input[[id]] is set to TRUE.
...	Unnamed values passed as tag elements to the body of the modal. or named values passed as HTML attributes to the body element of the modal.
header	A character string or tag element specifying the header of the modal.
footer	A character string or tag element specifying the footer of the modal.
center	One of TRUE or FALSE specifying whether the modal is vertically centered on the page, defaults to FALSE.
size	One of "sm" (small), "md" (medium), "lg" (large), or "xl" (extra large) specifying the relative width of the modal, defaults to "md".
fade	One of TRUE or FALSE specifying if the modal fades in when shown and fades out when closed, defaults to TRUE.
modal	A modal tag element created using modal().
session	A reactive context, defaults to getDefaultReactiveDomain().

Details

Getting started

modal(
  id = "modal1",
  header = h5("Header"),
  p("Cras placerat accumsan nulla.")
)

Header

×

Cras placerat accumsan nulla.

Open modal

Modals with containers

modal(
  id = "modal2",
  size = "lg",
  header = h5("More complex"),
  container(
    columns(
      column("Cras placerat accumsan nulla."),
      column("Curabitur lacinia pulvinar nibh."),
      column(
        "Aliquam posuere.",
        "Praesent fermentum tempor tellus."
      )
    )
  )
)

More complex

×

Cras placerat accumsan nulla.

Curabitur lacinia pulvinar nibh.

Aliquam posuere. Praesent fermentum tempor tellus.

Open modal

See Also

Other components: alert(), badge(), blockquote(), card(), collapsePane(), d1(), dropdown(), img(), jumbotron(), navContent(), popover(), pre(), toast()

nteetor/dull documentation built on Nov. 7, 2024, 2:11 p.m.