float: Floats

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

Floats

Description

Use float() to float an element to the left or right side of its parent element. A newspaper layout is a classic example where an image is floated with text wrapped around.

Usage

float(x, side)

Arguments

x	A tag element or .style pronoun.
side	A responsive argument. One of "left" or "right" specifying the side to float the element.

Details

Getting started

div(
  .style %>%
    padding(2),
  alert(
    .style %>%
      margin(3) %>%
      background("warning") %>%
      float("left"),  # <-
    dismissible = FALSE,
    "This just in!"
  ),
  p("Fusce commodo. Nullam tempus. Nunc rutrum turpis sed pede.",
    "Phasellus lacus.  Cras placerat accumsan nulla.",
    "Fusce sagittis, libero non molestie mollis, ",
    "magna orci ultrices dolor, at vulputate neque nulla lacinia eros."),
  p("Nulla facilisis, risus a rhoncus fermentum, tellus tellus",
    "lacinia purus, et dictum nunc justo sit amet elit."),
  p("Proin neque massa, cursus ut, gravida ut, lobortis eget, lacus.",
    "Aliquam posuere.",
    "Sed id ligula quis est convallis tempor."),
  p("Fusce dapibus, tellus ac cursus commodo, ",
    "tortor mauris condimentum nibh, ut fermentum massa justo sit",
    "amet risus.")
)

This just in!

Fusce commodo. Nullam tempus. Nunc rutrum turpis sed pede. Phasellus lacus. Cras placerat accumsan nulla. Fusce sagittis, libero non molestie mollis, magna orci ultrices dolor, at vulputate neque nulla lacinia eros.

Nulla facilisis, risus a rhoncus fermentum, tellus tellus lacinia purus, et dictum nunc justo sit amet elit.

Proin neque massa, cursus ut, gravida ut, lobortis eget, lacus. Aliquam posuere. Sed id ligula quis est convallis tempor.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

See Also

Other design utilities: active(), affix(), background(), border(), display(), flex(), font(), height(), margin(), padding(), scroll(), shadow(), width()

nteetor/dull documentation built on June 10, 2022, 11:30 a.m.