splitCard {r2resize}

Resizable split screen container

Description

Highly customizable and resizable split screen container

Usage

splitCard(
  left,
  right,
  splitter.color = NULL,
  bg.left.color = NULL,
  left.bg.url = NULL,
  right.bg.url = NULL,
  bg.right.color = NULL,
  border.color = NULL,
  position = c("vertical", "horizontal"),
  text.left.color = "black",
  text.right.color = "black"
)

Arguments

left

content on the left or top

right

content on the right or bottom

splitter.color

splitter color e.g red, black or #333333

bg.left.color

left panel color e.g red, black or #333333

left.bg.url

left panel background image e.g image1.png or https://..image1.png

right.bg.url

right panel background image e.g image1.png or https://..image1.png

bg.right.color

right panel color e.g red, black or #333333

border.color

border color of the container e.g. red or #f5f5f5

position

position of divider or splitter

text.left.color

color of left panel text

text.right.color

color of right panel text

Value

Resizeable split screen container

Examples for r2resize

More examples and demo pages are located at this link - https://rpkg.net/package/r2resize.

Examples

#basic attributes
r2resize::splitCard(
  "Sample text",
  "Sample text 2"
)

#specify background color for each side
r2resize::splitCard(
  "Sample r2symbols 1",
  "Sample nextGen 1",
  bg.right.color = "white",
  bg.left.color = "lightgray",
  position = "vertical"
)

#add the split card attribute on vertical
r2resize::splitCard(
  "Sample shinyStorePlus",
  "Sample nextGen 1",
  bg.right.color = "white",
  bg.left.color = "lightgray",
  border.color = "black",
  text.left.color = "black",
  text.right.color = "black",
  position = "vertical"
)


# specify split card on the horizontal position
r2resize::splitCard(
  "Sample sciRmdTheme 1",
  "Sample nextGen 1",
  bg.right.color = "white",
  bg.left.color = "lightgray",
  border.color = "gray",
  text.left.color = "black",
  text.right.color = "black",
  position = "horizontal"
)