tests/testthat/_snaps/layout.md

In bslib: Custom 'Bootstrap' 'Sass' Themes for 'shiny' and 'rmarkdown'

layout_columns() with col_widths

Code
  layout_columns(col_widths = 6, !!!children)
Output
  <div class="container-fluid">
    <bslib-layout-columns class="bslib-grid grid bslib-mb-spacing html-fill-item" col-widths-sm="6" data-require-bs-caller="layout_columns()" data-require-bs-version="5">
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
    </bslib-layout-columns>
  </div>

Code
  layout_columns(col_widths = c(4, 8), !!!children)
Output
  <div class="container-fluid">
    <bslib-layout-columns class="bslib-grid grid bslib-mb-spacing html-fill-item" col-widths-sm="4,8" data-require-bs-caller="layout_columns()" data-require-bs-version="5">
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
    </bslib-layout-columns>
  </div>

Code
  layout_columns(col_widths = breakpoints(sm = 6, md = 4, lg = 3), !!!children)
Output
  <div class="container-fluid">
    <bslib-layout-columns class="bslib-grid grid bslib-mb-spacing html-fill-item" col-widths-lg="3" col-widths-md="4" col-widths-sm="6" data-require-bs-caller="layout_columns()" data-require-bs-version="5">
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
    </bslib-layout-columns>
  </div>

Code
  layout_columns(col_widths = breakpoints(sm = NA, lg = c(4, 8)), !!!children)
Output
  <div class="container-fluid">
    <bslib-layout-columns class="bslib-grid grid bslib-mb-spacing html-fill-item" col-widths-lg="4,8" col-widths-sm data-require-bs-caller="layout_columns()" data-require-bs-version="5">
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
    </bslib-layout-columns>
  </div>

Code
  layout_columns(col_widths = breakpoints(sm = NA, lg = c(4, -4, 4)), !!!children)
Output
  <div class="container-fluid">
    <bslib-layout-columns class="bslib-grid grid bslib-mb-spacing html-fill-item" col-widths-lg="4,-4,4" col-widths-sm data-require-bs-caller="layout_columns()" data-require-bs-version="5">
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
      <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
        <div class="layout-column-child-element"></div>
      </div>
    </bslib-layout-columns>
  </div>

grid_item_container()

Code
  grid_item_container(div(class = "layout-column-child-element"), fillable = TRUE)
Output
  <div class="bslib-grid-item bslib-gap-spacing html-fill-container">
    <div class="layout-column-child-element"></div>
  </div>

Code
  grid_item_container(div(class = "layout-column-child-element"), fillable = FALSE)
Output
  <div class="bslib-grid-item bslib-gap-spacing">
    <div class="layout-column-child-element"></div>
  </div>

breakpoints() re-orders well-known breaks and test print method

Code
  bp
Output
  <breakpoints>
      xs: 1
      sm: 2
      md: 3
      lg: 4
      xl: 5
     xxl: 6
   giant: 7
    huge: 8

breakpoints() has correct classes and structure

Code
  bp
Output
  <breakpoints>
     sm:    1   -1    1
     md:   -1    2   -2    3
     lg:   -2    2   -1   -2    3   -2
     xl:    1    2    3   NA
   huge:    1    2    3 auto

layout_columns() throws if NAs are mixed with other column values

Cannot mix widths and `NA` values. All column widths must be specified, or choose auto widths using a single `NA` value.

layout_columns() warns when too many column widths

More column widths than children at breakpoint 'md', extra widths will be ignored.

bslib documentation built on May 29, 2024, 6:31 a.m.