View source: R/containerResizer.R
| splitCard | R Documentation | 
Highly customizable and resizable split screen container
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",
  min.height = NULL,
  left.width = NULL
)
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  | 
min.height | 
 minimum height of the panel  | 
left.width | 
 width of the left panel e.g. 100 percent or 500 px  | 
Resizeable split screen container
More examples and demo pages are located at this link - https://rpkg.net/package/r2resize.
#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 width of the left container
#specify height of the entire panel
r2resize::splitCard(
  "pkg card.pro",
  "pkg r2social",
  bg.right.color = "white",
  bg.left.color = "lightgray",
  border.color = "black",
  text.left.color = "black",
  text.right.color = "black",
  min.height = '400px',
  left.width = "80%"
)
# 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"
)
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.