Panel

The panel() component is a container which has a header and a content area and is used for grouping and displaying information. It can be collapsed to save space on the screen.

See the official documention for panel, for all the correct props.

Examples

panel(
  `header-text` = "Panel Header",
  title(level = "H1", "The Heading"),
  label("Short text"),
  htmltools::br(),
  label("Some more text"),
  htmltools::p("Thhe content of the panel can go here too.")
)

The HeadingShort text
Some more text

Thhe content of the panel can go here too.

panel(
  htmltools::div(
    style = "display:flex;align-items:center;justify-content:space-between;width:100%;",
    slot = "header",
    title(level = "H2", "The Heading"),
    htmltools::div(
      button("add", "Add"),
      button("remove", "Remove")
    )
  ),
  label("Short text"),
  htmltools::br(),
  label("Some more text"),
  htmltools::p("Thhe content of the panel can go here too.")
)

The Heading

AddRemove

Short text
Some more text

Thhe content of the panel can go here too.