Create a Boostrap 4 section container

Build an argon section container

argonSection(
  ...,
  size = NULL,
  status = "default",
  gradient = FALSE,
  separator = FALSE,
  separator_color = "secondary",
  shape = FALSE,
  cascade = FALSE
)

Arguments

...

Any UI element.

size

Section size. NULL by default.

status

Section status. See https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html.

gradient

Section gradient effect. FALSE by default.

separator

Section bottom separator. FALSE by default.

separator_color

Separator color. "secondary" by default. See https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html.

shape

Whether to include shape in the background. FALSE by default.

cascade

Whether to enable a cascade effect. FALSE by default.

Note

Do not use with the argonDash package. Only for argonR.

Author

David Granjon, dgranjon@ymail.com

Examples

if (interactive()) {
 library(argonR)
 argonSection(
  size = "lg",
  status = "default",
  gradient = TRUE,
  separator = TRUE,
  separator_color = "white",
  shape = TRUE,
  argonColumn(
    argonRow(
      argonColumn(
        width = 6,
        argonH1(
          display = 3, 
          "ArgonR, HTML static template for R", 
          htmltools::span("completed with examples")
        ) %>% argonTextColor(color = "white"),
        argonLead(
          "Argon is a great free UI package based on Bootstrap 
          4 that includes the most important components and features"
        ) %>% argonTextColor(color = "white")
        ),
      argonColumn(
        width = 6,
        argonImage(
          src = "inst/images/imac.svg",
          floating = TRUE
        ) %>% argonPersp(side = "right")
        %>% argonBlur()
      )
      )
  )
 )
}