diff --git a/.Rbuildignore b/.Rbuildignore
index a18cb35..cae1011 100644
--- a/.Rbuildignore
+++ b/.Rbuildignore
@@ -8,3 +8,6 @@
 ^pkgdown$
 ^\.github$
 ^CODE_OF_CONDUCT\.md$
+^README\.Rmd$
+^index\.Rmd$
+^index\.md$
\ No newline at end of file
diff --git a/.github/workflows/R-CMD-check.yaml b/.github/workflows/R-CMD-check.yaml
index 6ab6888..d46a617 100644
--- a/.github/workflows/R-CMD-check.yaml
+++ b/.github/workflows/R-CMD-check.yaml
@@ -1,16 +1,14 @@
-# Workflow derived from https://github.com/r-lib/actions/tree/master/examples
+# Workflow derived from https://github.com/r-lib/actions/tree/v2/examples
 # Need help debugging build failures? Start at https://github.com/r-lib/actions#where-to-find-help
-#
-# NOTE: This workflow is overkill for most R packages and
-# check-standard.yaml is likely a better choice.
-# usethis::use_github_action("check-standard") will install it.
 on:
   push:
     branches: [main, master]
   pull_request:
     branches: [main, master]
 
-name: R-CMD-check
+name: R-CMD-check.yaml
+
+permissions: read-all
 
 jobs:
   R-CMD-check:
@@ -22,49 +20,33 @@ jobs:
       fail-fast: false
       matrix:
         config:
-          - {os: macOS-latest,   r: 'release'}
-
+          - {os: macos-latest,   r: 'release'}
           - {os: windows-latest, r: 'release'}
-          # Use 3.6 to trigger usage of RTools35
-          - {os: windows-latest, r: '3.6'}
-
-          # Use older ubuntu to maximise backward compatibility
-          - {os: ubuntu-18.04,   r: 'devel', http-user-agent: 'release'}
-          - {os: ubuntu-18.04,   r: 'release'}
-          - {os: ubuntu-18.04,   r: 'oldrel-1'}
-          - {os: ubuntu-18.04,   r: 'oldrel-2'}
-          - {os: ubuntu-18.04,   r: 'oldrel-3'}
-          - {os: ubuntu-18.04,   r: 'oldrel-4'}
+          - {os: ubuntu-latest,   r: 'devel', http-user-agent: 'release'}
+          - {os: ubuntu-latest,   r: 'release'}
+          - {os: ubuntu-latest,   r: 'oldrel-1'}
 
     env:
       GITHUB_PAT: ${{ secrets.GITHUB_TOKEN }}
       R_KEEP_PKG_SOURCE: yes
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
 
-      - uses: r-lib/actions/setup-pandoc@v1
+      - uses: r-lib/actions/setup-pandoc@v2
 
-      - uses: r-lib/actions/setup-r@v1
+      - uses: r-lib/actions/setup-r@v2
         with:
           r-version: ${{ matrix.config.r }}
           http-user-agent: ${{ matrix.config.http-user-agent }}
           use-public-rspm: true
 
-      - uses: r-lib/actions/setup-r-dependencies@v1
+      - uses: r-lib/actions/setup-r-dependencies@v2
         with:
-          extra-packages: rcmdcheck
-
-      - uses: r-lib/actions/check-r-package@v1
-
-      - name: Show testthat output
-        if: always()
-        run: find check -name 'testthat.Rout*' -exec cat '{}' \; || true
-        shell: bash
+          extra-packages: any::rcmdcheck
+          needs: check
 
-      - name: Upload check results
-        if: failure()
-        uses: actions/upload-artifact@main
+      - uses: r-lib/actions/check-r-package@v2
         with:
-          name: ${{ runner.os }}-r${{ matrix.config.r }}-results
-          path: check
+          upload-snapshots: true
+          build_args: 'c("--no-manual","--compact-vignettes=gs+qpdf")'
diff --git a/.github/workflows/pkgdown.yaml b/.github/workflows/pkgdown.yaml
index 8bc9210..e1e2e52 100644
--- a/.github/workflows/pkgdown.yaml
+++ b/.github/workflows/pkgdown.yaml
@@ -1,46 +1,46 @@
+# Workflow derived from https://github.com/r-lib/actions/tree/v2/examples
+# Need help debugging build failures? Start at https://github.com/r-lib/actions#where-to-find-help
 on:
   push:
-    branches: master
+    branches: [main, master]
+  pull_request:
+    branches: [main, master]
+  release:
+    types: [published]
+  workflow_dispatch:
 
 name: pkgdown
 
 jobs:
   pkgdown:
-    runs-on: macOS-latest
+    runs-on: ubuntu-latest
+    # Only restrict concurrency for non-PR jobs
+    concurrency:
+      group: pkgdown-${{ github.event_name != 'pull_request' || github.run_id }}
     env:
       GITHUB_PAT: ${{ secrets.GITHUB_TOKEN }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
-      - uses: r-lib/actions/setup-r@master
+      - uses: r-lib/actions/setup-pandoc@v2
 
-      - uses: r-lib/actions/setup-pandoc@master
-
-      - name: Query dependencies
-        run: |
-          install.packages('remotes')
-          saveRDS(remotes::dev_package_deps(dependencies = TRUE), ".github/depends.Rds", version = 2)
-          writeLines(sprintf("R-%i.%i", getRversion()$major, getRversion()$minor), ".github/R-version")
-        shell: Rscript {0}
+      - uses: r-lib/actions/setup-r@v2
+        with:
+          use-public-rspm: true
 
-      - name: Cache R packages
-        uses: actions/cache@v1
+      - uses: r-lib/actions/setup-r-dependencies@v2
         with:
-          path: ${{ env.R_LIBS_USER }}
-          key: ${{ runner.os }}-${{ hashFiles('.github/R-version') }}-1-${{ hashFiles('.github/depends.Rds') }}
-          restore-keys: ${{ runner.os }}-${{ hashFiles('.github/R-version') }}-1-
+          extra-packages: any::pkgdown, local::.
+          needs: website
 
-      - name: Install dependencies
-        run: |
-          remotes::install_deps(dependencies = TRUE)
-          install.packages("pkgdown")
+      - name: Build site
+        run: pkgdown::build_site_github_pages(new_process = FALSE, install = FALSE)
         shell: Rscript {0}
 
-      - name: Install package
-        run: R CMD INSTALL .
-
-      - name: Deploy package
-        run: |
-          git config --local user.email "actions@github.com"
-          git config --local user.name "GitHub Actions"
-          Rscript -e 'pkgdown::deploy_to_branch(new_process = FALSE)'
+      - name: Deploy to GitHub pages 🚀
+        if: github.event_name != 'pull_request'
+        uses: JamesIves/github-pages-deploy-action@v4.4.1
+        with:
+          clean: false
+          branch: gh-pages
+          folder: docs
\ No newline at end of file
diff --git a/DESCRIPTION b/DESCRIPTION
index 391a46a..11e46db 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -15,9 +15,10 @@ Description: 'R' interface to the 'Tabler' HTML template. See more here <https:/
      is available at <https://dgranjon.shinyapps.io/shinyMons/>.
 URL: https://rinterface.github.io/tablerDash/, https://github.com/RinteRface/tablerDash/ 
 BugReports: https://github.com/RinteRface/tablerDash/issues
-Imports: shiny, htmltools, knitr
-Suggests: shinyWidgets, shinyEffects, echarts4r
+Imports: shiny, htmltools
+Suggests: shinyWidgets, shinyEffects, echarts4r, knitr
 License: GPL (>= 2)
 Encoding: UTF-8
-LazyData: true
-RoxygenNote: 6.1.1
+RoxygenNote: 7.3.2
+Depends: 
+    R (>= 2.10)
diff --git a/NEWS.md b/NEWS.md
index 270e879..6e2ad73 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,5 +1,9 @@
 # tablerDash 0.1.5.9000
 
+## Documentation
+- Upgrade pkgdown setup.
+- Added shinylive support.
+
 ## Bug Fix
 - Resizing a `tablerCard()` triggers the shown javascript event, telling shiny to 
 update the size of the contained object.
diff --git a/R/sysdata.rda b/R/sysdata.rda
new file mode 100644
index 0000000..aa24958
Binary files /dev/null and b/R/sysdata.rda differ
diff --git a/R/utils.R b/R/utils.R
index e3ab761..44c4191 100644
--- a/R/utils.R
+++ b/R/utils.R
@@ -53,3 +53,46 @@ validateTabName <- function(name) {
     stop("tabName must not have a '.' in it.")
   }
 }
+
+#' Create shinylive iframe
+#'
+#' Useful for pkgdown website
+#'
+#' @param url app url. A shinylive link.
+#' @param mode How to display the shinylive app. Default to app mode.
+#' @param header Whether to display the shinylive header. Default to TRUE.
+#' @keywords internal
+create_app_link <- function(url, mode = c("app", "editor"), header = TRUE) {
+  mode <- match.arg(mode)
+
+  if (mode != "editor") url <- gsub("editor", mode, url)
+
+  if (!header) {
+    url <- paste0(url, "&h=0")
+  }
+
+  shiny::tags$iframe(
+    # To allow the content to fill the full screen card
+    class = "html-fill-item",
+    src = url,
+    height = "700",
+    width = "100%",
+    style = "border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;",
+    allowfullscreen = "",
+    allow = "autoplay",
+    `data-external` = "1"
+  )
+}
+
+code_chunk <- function(output, language = "r") {
+  cat(paste0("```", language))
+  cat(output)
+  cat("\n```\n")
+}
+
+print_r_code <- function(name) {
+  path <- system.file(sprintf("examples/shinylive/%s/app.R", name), package = "shiny386")
+  lines <- readLines(path)
+  to_remove <- grep("webr::", lines)
+  code_chunk(cat(paste(lines[-to_remove], collapse = "\n")))
+}
\ No newline at end of file
diff --git a/README.Rmd b/README.Rmd
new file mode 100644
index 0000000..d9401f5
--- /dev/null
+++ b/README.Rmd
@@ -0,0 +1,71 @@
+---
+output: github_document
+---
+
+<!-- README.md is generated from README.Rmd. Please edit that file -->
+
+```{r, include = FALSE}
+knitr::opts_chunk$set(
+  collapse = TRUE,
+  comment = "#>",
+  fig.path = "man/figures/README-",
+  out.width = "100%"
+)
+```
+
+# tablerDash <img src="https://rinterface.com/inst/images/tablerDash.svg" width=200 align="right" />
+
+<!-- badges: start -->
+[![R build status](https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg)](https://github.com/RinteRface/tablerDash/actions)
+[![CRAN status](https://www.r-pkg.org/badges/version/tablerDash)](https://cran.r-project.org/package=tablerDash)
+[![lifecycle](https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg)](https://www.tidyverse.org/lifecycle/#maturing)
+[![cranlogs](https://cranlogs.r-pkg.org/badges/tablerDash)](https://cran.r-project.org/package=tablerDash)
+[![total](https://cranlogs.r-pkg.org/badges/grand-total/tablerDash)](https://www.rpackages.io/package/tablerDash)
+[![R-CMD-check](https://github.com/RinteRface/tablerDash/actions/workflows/R-CMD-check.yaml/badge.svg)](https://github.com/RinteRface/tablerDash/actions/workflows/R-CMD-check.yaml)
+<!-- badges: end -->
+
+> Tabler dashboard template for shiny with Bootstrap 4
+
+See [https://tabler.io](https://tabler.io) for the original template.
+
+## Installation
+
+This package is on CRAN:
+
+```r
+# latest devel version
+devtools::install_github("RinteRface/tablerDash")
+# CRAN version
+install.packages("tablerDash")
+```
+
+## Demo
+
+`{tablerDash}` works on all the RStudio products. See a demo [on shinyapps.io](https://dgranjon.shinyapps.io/tablerDashDemo/).
+
+
+<div class="row">
+<div class="card">
+<a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/6/626cbb941e2c3dfe543abde05f7e4097186811c6_2_690x431.png"></a>
+</div>
+</div>
+
+<br>
+
+<div class="row">
+<div class="card">
+<a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/3/33061a47390f6fa1515302d7f05e05c1b6f3e458_2_690x431.jpeg"></a>
+</div>
+</div>
+
+<br>
+
+
+## Issues
+
+Issues are listed [here](https://github.com/RinteRface/tablerDash/issues). 
+
+## Code of Conduct
+  
+  Please note that the tablerDash project is released with a [Contributor Code of Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html). By contributing to this project, you agree to abide by its terms.
+
diff --git a/README.md b/README.md
index f9ef5fa..d16cfb7 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,29 @@
+
+<!-- README.md is generated from README.Rmd. Please edit that file -->
+
 # tablerDash <img src="https://rinterface.com/inst/images/tablerDash.svg" width=200 align="right" />
 
-[![R build status](https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg)](https://github.com/RinteRface/tablerDash/actions)
-[![CRAN status](https://www.r-pkg.org/badges/version/tablerDash)](https://cran.r-project.org/package=tablerDash)
+<!-- badges: start -->
+
+[![R build
+status](https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg)](https://github.com/RinteRface/tablerDash/actions)
+[![CRAN
+status](https://www.r-pkg.org/badges/version/tablerDash)](https://cran.r-project.org/package=tablerDash)
 [![lifecycle](https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg)](https://www.tidyverse.org/lifecycle/#maturing)
 [![cranlogs](https://cranlogs.r-pkg.org/badges/tablerDash)](https://cran.r-project.org/package=tablerDash)
 [![total](https://cranlogs.r-pkg.org/badges/grand-total/tablerDash)](https://www.rpackages.io/package/tablerDash)
+[![R-CMD-check](https://github.com/RinteRface/tablerDash/actions/workflows/R-CMD-check.yaml/badge.svg)](https://github.com/RinteRface/tablerDash/actions/workflows/R-CMD-check.yaml)
+<!-- badges: end -->
 
 > Tabler dashboard template for shiny with Bootstrap 4
 
-See [https://tabler.io](https://tabler.io) for the original template.
+See <https://tabler.io> for the original template.
 
 ## Installation
 
 This package is on CRAN:
 
-```r
+``` r
 # latest devel version
 devtools::install_github("RinteRface/tablerDash")
 # CRAN version
@@ -23,30 +32,41 @@ install.packages("tablerDash")
 
 ## Demo
 
-`{tablerDash}` works on all the RStudio products. See a demo [on shinyapps.io](https://dgranjon.shinyapps.io/tablerDashDemo/).
-
+`{tablerDash}` works on all the RStudio products. See a demo [on
+shinyapps.io](https://dgranjon.shinyapps.io/tablerDashDemo/).
 
 <div class="row">
+
 <div class="card">
+
 <a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/6/626cbb941e2c3dfe543abde05f7e4097186811c6_2_690x431.png"></a>
+
 </div>
+
 </div>
 
 <br>
 
 <div class="row">
+
 <div class="card">
+
 <a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/3/33061a47390f6fa1515302d7f05e05c1b6f3e458_2_690x431.jpeg"></a>
+
 </div>
+
 </div>
 
 <br>
 
-
 ## Issues
 
-Issues are listed [here](https://github.com/RinteRface/tablerDash/issues). 
+Issues are listed
+[here](https://github.com/RinteRface/tablerDash/issues).
 
 ## Code of Conduct
-  
-  Please note that the tablerDash project is released with a [Contributor Code of Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html). By contributing to this project, you agree to abide by its terms.
+
+Please note that the tablerDash project is released with a [Contributor
+Code of
+Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html).
+By contributing to this project, you agree to abide by its terms.
diff --git a/_pkgdown.yml b/_pkgdown.yml
index c33ab58..d0ba2ca 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -1,3 +1,8 @@
+template:
+  bootstrap: 5
+
+url: https://rinterface.github.io/tablerDash/
+
 reference:
 - title: Basic dashboard functions
   desc: Dashboard skeleton functions
@@ -56,10 +61,6 @@ reference:
   contents:
   - '`tablerDashGallery`'
 
-template:
-  params:
-    bootswatch: journal
-
 navbar:
   structure:
     left:
diff --git a/cran-comments.md b/cran-comments.md
index 6dacaca..cee4d1b 100644
--- a/cran-comments.md
+++ b/cran-comments.md
@@ -1,19 +1,8 @@
 ## Test environments
-* local OS X install, R 3.4.4
-* ubuntu 14.04 (on travis-ci), R 3.4.4
+* local OS X install, R 4.2.2
+* Rhub
 * win-builder (devel and release)
 
 ## R CMD check results
 
 0 errors | 0 warnings | 1 note
-
-* This is a new release.
-
-Possibly mis-spelled words in DESCRIPTION:
-  Tabler (3:8, 11:33)
-  
-This is a FALSE positive, there is no mis-spelled word
-
-## Re submission
-- I wrote package names, software names and API names in single quotes (e.g. 'Tabler') in Title and Description. 
-- I enlarged the description
diff --git a/docs/authors.html b/docs/authors.html
index 5611932..b499026 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -1,161 +1,89 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • tablerDash</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="deps/headroom-0.11.0/headroom.min.js"></script><script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="deps/search-1.0.0/fuse.min.js"></script><script src="deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><script src="extra.js"></script><meta property="og:title" content="Authors and Citation"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Authors • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="bootstrap-toc.css">
-<script src="bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="nav-item"><a class="nav-link" href="reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="pkgdown.css" rel="stylesheet">
-<script src="pkgdown.js"></script>
-
-
-
-  <link href="extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Authors" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-citation-authors">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-authors">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Authors and Citation</h1>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
+    <div class="section level2">
+      <h2>Authors</h2>
+
+      <ul class="list-unstyled"><li>
+          <p><strong>David Granjon</strong>. Author, maintainer.
+          </p>
+        </li>
         <li>
-  <a href="index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
+          <p><strong> RinteRface</strong>. Copyright holder.
+          </p>
+        </li>
         <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="contents col-md-9">
-    <div class="page-header">
-      <h1>Authors</h1>
+          <p><strong> codecalm</strong>. Contributor, copyright holder.
+          <br><small>tabler template for Bootstrap 4</small></p>
+        </li>
+        <li>
+          <p><strong>Winston Chang</strong>. Contributor, copyright holder.
+          <br><small>Utils functions from shinydashboard</small></p>
+        </li>
+      </ul></div>
+
+    <div class="section level2">
+      <h2 id="citation">Citation</h2>
+      <p><small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/DESCRIPTION" class="external-link"><code>DESCRIPTION</code></a></small></p>
+
+      <p>Granjon D (2024).
+<em>tablerDash: 'Tabler' API for 'Shiny'</em>.
+https://rinterface.github.io/tablerDash/, https://github.com/RinteRface/tablerDash/ .
+</p>
+      <pre>@Manual{,
+  title = {tablerDash: 'Tabler' API for 'Shiny'},
+  author = {David Granjon},
+  year = {2024},
+  note = {https://rinterface.github.io/tablerDash/, https://github.com/RinteRface/tablerDash/ },
+}</pre>
     </div>
 
-    <ul class="list-unstyled">
-      <li>
-        <p><strong>David Granjon</strong>. Author, maintainer. 
-        </p>
-      </li>
-      <li>
-        <p><strong> RinteRface</strong>. Copyright holder. 
-        </p>
-      </li>
-      <li>
-        <p><strong> codecalm</strong>. Contributor, copyright holder. 
-        <br /><small>tabler template for Bootstrap 4</small></p>
-      </li>
-      <li>
-        <p><strong>Winston Chang</strong>. Contributor, copyright holder. 
-        <br /><small>Utils functions from shinydashboard</small></p>
-      </li>
-    </ul>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-  </div>
-
-</div>
 
-
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/extra.css b/docs/extra.css
index 433189f..3ddab74 100644
--- a/docs/extra.css
+++ b/docs/extra.css
@@ -17,3 +17,27 @@
   .container {
     padding: 2px 16px;
   }
+
+/* bslib cards */
+.bslib-card{overflow:auto}.bslib-card .card-body+.card-body{padding-top:0}.bslib-card .card-body{overflow:auto}.bslib-card .card-body p{margin-top:0}.bslib-card .card-body p:last-child{margin-bottom:0}.bslib-card .card-body{max-height:var(--bslib-card-body-max-height, none)}.bslib-card[data-full-screen="true"]>.card-body{max-height:var(--bslib-card-body-max-height-full-screen, none)}.bslib-card .card-header .form-group{margin-bottom:0}.bslib-card .card-header .selectize-control{margin-bottom:0}.bslib-card .card-header .selectize-control .item{margin-right:1.15rem}.bslib-card .card-footer{margin-top:auto}.bslib-card .bslib-navs-card-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.bslib-card .bslib-navs-card-title .nav{margin-left:auto}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border="true"]){border:none}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border-radius="true"]){border-top-left-radius:0;border-top-right-radius:0}[data-full-screen="true"]{position:fixed;inset:3.5rem 1rem 1rem;height:auto !important;max-height:none !important;width:auto !important;z-index:1070}.bslib-full-screen-enter{display:none;position:absolute;bottom:var(--bslib-full-screen-enter-bottom, 0.2rem);right:var(--bslib-full-screen-enter-right, 0);top:var(--bslib-full-screen-enter-top);left:var(--bslib-full-screen-enter-left);color:var(--bslib-color-fg, var(--bs-card-color));background-color:var(--bslib-color-bg, var(--bs-card-bg, var(--bs-body-bg)));border:var(--bs-card-border-width) solid var(--bslib-color-fg, var(--bs-card-border-color));box-shadow:0 2px 4px rgba(0,0,0,0.15);margin:0.2rem 0.4rem;padding:0.55rem !important;font-size:.8rem;cursor:pointer;opacity:0.7;z-index:1070}.bslib-full-screen-enter:hover{opacity:1}.card[data-full-screen="false"]:hover>*>.bslib-full-screen-enter{display:block}.bslib-has-full-screen .card:hover>*>.bslib-full-screen-enter{display:none}@media (max-width: 575.98px){.bslib-full-screen-enter{display:none !important}}.bslib-full-screen-exit{position:relative;top:1.35rem;font-size:0.9rem;cursor:pointer;text-decoration:none;display:flex;float:right;margin-right:2.15rem;align-items:center;color:rgba(var(--bs-body-bg-rgb), 0.8)}.bslib-full-screen-exit:hover{color:rgba(var(--bs-body-bg-rgb), 1)}.bslib-full-screen-exit svg{margin-left:0.5rem;font-size:1.5rem}#bslib-full-screen-overlay{position:fixed;inset:0;background-color:rgba(var(--bs-body-color-rgb), 0.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1069;animation:bslib-full-screen-overlay-enter 400ms cubic-bezier(0.6, 0.02, 0.65, 1) forwards}@keyframes bslib-full-screen-overlay-enter{0%{opacity:0}100%{opacity:1}}
+
+/* fill css for fullscreen cards */
+.html-fill-container {
+  display: flex;
+  flex-direction: column;
+  /* Prevent the container from expanding vertically or horizontally beyond its
+     parent's constraints. */
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > .html-fill-item {
+  /* Fill items can grow and shrink freely within
+     available vertical space in fillable container */
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > :not(.html-fill-item) {
+  /* Prevent shrinking or growing of non-fill items */
+  flex: 0 0 auto;
+}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 1a7f8d0..561341c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,183 +4,174 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <title>Tabler API for Shiny • tablerDash</title>
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="bootstrap-toc.css">
-<script src="bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
-<script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
-<meta property="og:title" content="Tabler API for Shiny">
-<meta property="og:description" content="R interface to the Tabler HTML template. See more here &lt;https://tabler.io&gt;. 
-    tablerDash is a light Bootstrap 4 dashboard template. There are different 
-     layouts available such as a one page dashboard or a multi page template,
-     where the navigation menu is contained in the navigation bar. A fancy example
-     is available at &lt;https://dgranjon.shinyapps.io/shinyMons/&gt;.">
-<!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet">
+<script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet">
+<link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet">
+<script src="deps/headroom-0.11.0/headroom.min.js"></script><script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="deps/search-1.0.0/fuse.min.js"></script><script src="deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
+<script src="extra.js"></script><meta property="og:title" content="Tabler API for Shiny">
+<meta name="description" content="R interface to the Tabler HTML template. See more here &lt;https://tabler.io&gt;. tablerDash is a light Bootstrap 4 dashboard template. There are different layouts available such as a one page dashboard or a multi page template, where the navigation menu is contained in the navigation bar. A fancy example is available at &lt;https://dgranjon.shinyapps.io/shinyMons/&gt;.">
+<meta property="og:description" content="R interface to the Tabler HTML template. See more here &lt;https://tabler.io&gt;. tablerDash is a light Bootstrap 4 dashboard template. There are different layouts available such as a one page dashboard or a multi page template, where the navigation menu is contained in the navigation bar. A fancy example is available at &lt;https://dgranjon.shinyapps.io/shinyMons/&gt;.">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-home">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="news/index.html">Changelog</a>
-</li>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+
+
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
+
+    <a class="navbar-brand me-2" href="index.html">tablerDash</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
+
+
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="active nav-item"><a class="nav-link" href="index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="nav-item"><a class="nav-link" href="reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="news/index.html">Changelog</a></li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
+<ul class="navbar-nav">
+<li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
       </ul>
 </div>
-<!--/.nav-collapse -->
-  </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
 
-      
 
-      </header><div class="row">
-  <div class="contents col-md-9">
-<div id="tablerdash-" class="section level1">
-<div class="page-header"><h1 class="hasAnchor">
-<a href="#tablerdash-" class="anchor"></a>tablerDash <img src="https://rinterface.com/inst/images/tablerDash.svg" width="200" align="right">
+  </div>
+</nav><div class="container template-home">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="section level1">
+<div class="page-header"><h1 id="tablerdash-">tablerDash <img src="https://rinterface.com/inst/images/tablerDash.svg" width="200" align="right"><a class="anchor" aria-label="anchor" href="#tablerdash-"></a>
 </h1></div>
+<!-- badges: start -->
 
 <blockquote>
 <p>Tabler dashboard template for shiny with Bootstrap 4</p>
 </blockquote>
-<p>See <a href="https://tabler.io">https://tabler.io</a> for the original template.</p>
-<div id="installation" class="section level2">
-<h2 class="hasAnchor">
-<a href="#installation" class="anchor"></a>Installation</h2>
+<p>See <a href="https://tabler.io" class="external-link uri">https://tabler.io</a> for the original template.</p>
+<div class="section level2">
+<h2 id="installation">Installation<a class="anchor" aria-label="anchor" href="#installation"></a>
+</h2>
 <p>This package is on CRAN:</p>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="co"># latest devel version</span>
-<span class="fu">devtools</span><span class="fu">::</span><span class="fu"><a href="https://devtools.r-lib.org//reference/remote-reexports.html">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/tablerDash"</span><span class="op">)</span>
-<span class="co"># CRAN version</span>
-<span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span><span class="op">(</span><span class="st">"tablerDash"</span><span class="op">)</span></code></pre></div>
-</div>
-<div id="demo" class="section level2">
-<h2 class="hasAnchor">
-<a href="#demo" class="anchor"></a>Demo</h2>
-<p><a href="https://rinterface.github.io/tablerDash/">tablerDash</a> works on all the RStudio products. See a demo <a href="https://dgranjon.shinyapps.io/tablerDashDemo/">on shinyapps.io</a>.</p>
+<code class="sourceCode R"><span><span class="co"># latest devel version</span></span>
+<span><span class="fu">devtools</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html" class="external-link">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/tablerDash"</span><span class="op">)</span></span>
+<span><span class="co"># CRAN version</span></span>
+<span><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">install.packages</a></span><span class="op">(</span><span class="st">"tablerDash"</span><span class="op">)</span></span></code></pre></div>
+</div>
+<div class="section level2">
+<h2 id="demo">Demo<a class="anchor" aria-label="anchor" href="#demo"></a>
+</h2>
+<p><a href="https://rinterface.github.io/tablerDash/">tablerDash</a> works on all the RStudio products.</p>
+<div id="bslib-card-6424" class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init="" data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5" style="margin: 0 auto; float: none;">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAdzgCMAnRRASwgGdSoAbbgCgA6EAATCBYLnW5wGAESjsAFuNxDRDOKiLthAXmEFBYRaVKp2iAPSWGbcgwBmUAnAwBzFqUUBXOhhZENnYyTi4AtNQKMGEEDFAQlipixqbmVjaaRBgMEVEYRAxu4gCUQqUQQtwsjFAMAJ58Smx15VU19XyS0nIKiq3VcR1wBIq1pOwALAz97Q1NEHUA6iwAJm5w4zODDTBQbram00LHEADEwitQXDoO3ETUAOLcQgBuw6QFOgA8YcJwAB6oeIrdy2FZ8f56YRhADMiBhuGEdShsPh5Rg3mEP2EAEZXu9PgASdiQ7FvAgfBjsQl1fEUonsZHYjHCABUwj4OOhwnJlOp-wAegAmYpsnkEqk07m8on-Ol8wnEO4MLG-O5uHEABj4DG8EBYDj4EAY9z4MqpxUROKtmuK5SE5wIPAolxVqDupCEl3I31+7DgAEcMPJyHwFMGrnAjELNTiABxhWOJvFgS3CcMhqPiGPxsI4oWwlNpujI-TiS601OvHjeOC+4QMCAFGB8aQQNxePjeutpmOIgBs9oWcFqqouVygGAccXgXcjUO77ERLxrdahK+4tfYQ8dtRW7CEt3uAGE92OujJTwxwWphKRPNIoeIAGJ3R7cYTH0YMT14W8EO52CgKQ4ChZ8AEEABkAGUAFFVBEYQAC8iCIXYQLAqC4IQ0QiFQe8SB0fQuDcSCWE4QRENEC8GHAlcuAYRouFIbwiOSKp4CSbwGA-MsUjMCxrFQDQXhYOBqAwGj-ECTgrhYAhLCgejanYSxNXUmAMAAK1QIpUxw0Q72A7oABU9iNWBQL4uhvBYbgViSKAVhWEgnzAIF2HYNg9MRJyXIgY8iGVNz2G8AgXE8kpb0tW9qFWLwoXzAzhm-cYpgAeW8MwsqMI93yiiAh2EogHDsuArxWc9jJkAAFE1SukCrKNEOKVgS-Qktve9SEfPiao2GRhCweTv33FRb1Cuhut65IACEWDcYQ6DgXhkV1FZQLoIg6kRGA7KqEhb0Mi4gu4UcfE4boMGEABVCA4Bgd1trgEFxsQuhnAAa32Ig9UqviTAE9JhLgUTxMk6qGGkywNpgQJUEUIgPlUuyIG4sJPp4FgMV4NgwiFeMAE5Cf7MIAFZ1O03S3tEdgGAINzAbSISRLEiSpICGGHsCUI60sXZpEsHF+ypnyush6CiAIFgeDIiBPvYZrDJoyXpdlthPqV47oHgNzea2ohPpp47hEUDQHEZ1JBMsahbanZx6FQz6MGIGBjeO+TXL4-WnfEI7hBiqijJAhhVZl7g5c1-3RB1qzklIOLTBkd3DLNuALYBq30lt9nE-sF20JT0RPZEPiE88ew-aD8pRHKIchCdNtXQqqqQ9m9UmtvRHbBQsgeChEysBu+DYvixREqFZKRjGSYGEy7LSCMRuXVqAr67OdN0CEeY6mYHfwPQJXbKhGj5CUGq9izIPoBeD6VWIyGz8UAA5JStcM1Y3JgOp4DRovhDpgzTOQMWagzZhDEO0NYaBBqBAFYlgpLsBeGLIOMclIAFkKCYgfiHV+LxMFo3fsdGieCCHeAAJLkBbNHE2khX66z4gACTQnAf+HtiCl2SIjTif5UEm3EMwnhNDa4GRNsHbopCsGUIekQ2hwF6Fx3ECZOsv5RFiOECXNyW05S8PUYZJRKiq56JribQOYjT4mlQC5agEBZHUUfpY6xEBpHUL4cQh8iiwAuNxHeDxbDU7m0tmYdIbhUJuGkAXN2ui9HCG4rxLhWdrDY0vlOM694OGRMsCXVSSC3BCxhLGfJsY4yagmBgXJ-jabMVYm5S47Zk7RL0d2NyTZqCVOSCZRQ5ENE6C8KBUqVJSAXEcfcEQngHpGPUWY9RFi8JOJcXYwycSgnMyybsdYqS5IZNdlkjhOTkFFJxIckphNynIPabJFibFxCREbN5dpSiuk6G6X0gBwwSCVRWCMmxGiqHtOaXxOoKiZAVkmWI6Z5iHFzNGQs4RysPFuW8TCXxPVWGNPUY87pLzFCgS8Cwa8wzoU-PGVEuFJjjrkoDmohwqF7An0fr0Z8tKZCyJouQjhFkGHJF2Cok0SQ2huSBD-Cgv4IXK0huykgnLPG7E4DIJ015+XVEFVAYVZAShqNEMQVAdRbBuBMNcsAAABeQolKoPDiBALSJBEQ5kJmCql-tpqeNPr0FOW0VilnETIJ+s0iCesojQkYqF-TQSqBtUOn02BGHQf6mQFR9I0JomZOgLjFZwuTcBWFbjxV0AUW5QRaLNUm1uLZFYWBTRwuOkqbwMBbFVpNq1dqwgEQNuOsVBq5U9zFr0SrZincc16I3LWKEExW2DpmQiviTLeD3BkAedFMTlYaDgSiLUPaYlNvHh1IUbbDKUuMRu6tQVa31oncdLdUJ+xHpLW+Cqe6xV6JrXWxZYjL36HHUu4hkMB1fsbWPCeN7IUhxMtjFabAr5-uA6ZMDVR7rZqg5O1FiKqG4naUuy5NS+L7DgBQdDMSAXJFaQ6xDj6oPJtgxBhDiHaFTuSN43di6aOYbYs-G6kFIJAYI-OQFwLryqvw3o8QkECgPQ0eYWtJ1gpeSGZZUgXHj0cHeBsbi6YVgsFQOReS3k-hVFIBgEjUGD1fuM4evd9iQ7kIgDS39NHh2eJxDCIUADnQLoU4ZFjtT4jrAYIJj+HDamnVqGELybgE3udEBtdgsQNMEU4eIfMwhIieB00K3+4w-MtQAzu8zjrz2GTRvAWwBArOoByrl4uEAyukHIf9eOSMeDQUpJfTLwgzrLXieIWCZBBqcAKJfAwaBnCeErBFnkq5ErqVtO52y89qtGDYDSgqf7TP7rJRuzNqaqGvuDvmviyjODtNLasCt1AdtapPS+3L77hDXtyzRWziHnVuRqh6NzFXkKoXQjNCCMER75erYBaqmE-tjbwnFtiJEyIUQ+7TROIxSvlYB+otg1XatuQoNVAA+upzgr2kateOu1laL2PQAH5CeGXswPIe-2aMmxIE1q4WHkihXCnWd7yOxElQcEzq5Xn6m+bALDgOH2yNLqeqQOb5WwC49IPj0VY3PN8UW0QVrLHoKrE8dIBwqiPs3c6lz4QNKkaDQfqRcii8RfPrPfTi92XcSTxF6ILGYW3IuB60Lsbx12DhpkIjq3RuxHiCIHQTndv+FgGfrW5aKoSrCFD-6Bg9EAgcEQJT46e1OGam9ybXYkIOpTdz8dan+gKaamd6LoPVf6erfBQ+rjNvzuGRu3d5HD29zN-cch-b1Vw80ZGMMT62iLW-VQAHrvkeVy2GqpT8QAA1WoMsQK9KIAAxG1B09Mb-YYcQx46hwYjQu93B+M8dMtewPanlU-iDcrAM-4gHgjipLf7Dz-DMrdz2wODcdB7DzF2NheNLlbrLhOBqvrg7obvTkQG8I4G+DTv-sjuLuosduWpWkbk3iLq3rnilDPBlFlPNuIG4FAN4OsEkDigtCYG5AUpqKgDonXlMmNpgdXtgSLr7lrgwBPpXkQSQesIvs8NvlBo-rwaBPwbWFvsXsIFnlCDnpXvnpNrIdXqIKXsIBTCLgwfXkgQ+g2sgaIKgadnwMvHArUBVKtsZpSiYtMknrAVCA4HqBSKnnwKjllIiL9AvKKCAP7G4dVoSHLgrmOCuhGgrnwJ4XwgaByM4aQISJjiBDjpbgrqKE8ovI2M2E4VVllISInnaP7AAL6UreEZHehQABEugyAprSAhE0IwCkAKrsDACIi75gCPQ+QaLpFRHT7L7SBphfJ4Qg5wQAC6uRiIJoNilkbEf+sEQ4x0BRUReUTwJRcCMgsE08P4s8lRfC5oOgAApAAHxbFwpwBY4rHjAQiii7H7E5qHF5RY7hJ8A7QAL-CIiMgNFBQFBnF7EHFY6iShQ8BY67CoA7bSH6A55SFQAF64iIjnDqi4gV4Trqa-xeRezCATCQnCDgkglerWgPFQgIgAJeoTANpKD3B9HwTCDnBdIbQNpsBYDeZxxVAw75ZKgFBQiGAADkpwMIjm-YhMZMrJiI7JEwZMAA7GTHQBMHycIOyUKRMH5DiBKeycBCsITHAITPKacHAJqA4DCA4HGHyZXqIOyQ4EaQ4HQA4GqQ4LhpqITJqOaZcHAP2HKfyacA4BMP2CsGOmqSsEKQUkKEKWqVAOXkKP2KyQwWYcIOcZ8f8FjmCeRDtuwO6J4HLHSZbo0BviSWGRGZcVjnUNGf8LGYSQmaQEmVCPSYvESdQOmWSrkevNMQQRkargsRGjdOQusdBv7tZkQI9v+m1Nuo7huioR5OQNqJEYSB8FwNwE1v1usIiI-rNOATmsrqzmFBFP3mIponxEUR9P6P4lFjFvhKnm5CZA1h+JOXEOsJ+ENtLKQJWDQpSnkScF4XWVEUYa6I2UsccWsaEWIkCqOJmXoocR+XOOQO8Rcf+Ucc6MYYxJaueXxDmHGCUOGR8VmTilcP8WaKuEuAYKhNeFjoyHKjAO7hBa6AhX+eoocd8d4L8WhfIR+raNWQ+UHDMYSMQaQaBNiIEe+alJ+TQgBVxXwCBZ8SxesGGOwBgIVjIPJGkT4UJXAPwWmOIPsVWEHPeRUIhDkWUEIGADkf0UAA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen allow="autoplay" data-external="1">
+</iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><button aria-expanded="false" aria-label="Expand card" class="bslib-full-screen-enter badge rounded-pill"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" style="height:1em;width:1em;fill:currentColor;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"></path></svg></button> </bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+<p class="text-center mt-2">
+<a class="btn btn-primary" data-bs-toggle="collapse" href="#demo-code" role="button" aria-expanded="false" aria-controls="demo-code"> Toggle code </a>
+</p>
+<div id="demo-code" class="collapse">
+<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
+<code class="sourceCode R"></code></pre></div>
+</div>
 <div class="row">
 <div class="card">
-<p><a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/6/626cbb941e2c3dfe543abde05f7e4097186811c6_2_690x431.png"></a></p>
+<p><a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank" class="external-link"><img src="https://community.rstudio.com/uploads/default/optimized/2X/6/626cbb941e2c3dfe543abde05f7e4097186811c6_2_690x431.png"></a></p>
 </div>
 </div>
 <p><br></p>
 <div class="row">
 <div class="card">
-<p><a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/3/33061a47390f6fa1515302d7f05e05c1b6f3e458_2_690x431.jpeg"></a></p>
+<p><a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank" class="external-link"><img src="https://community.rstudio.com/uploads/default/optimized/2X/3/33061a47390f6fa1515302d7f05e05c1b6f3e458_2_690x431.jpeg"></a></p>
 </div>
 </div>
 <p><br></p>
 </div>
-<div id="issues" class="section level2">
-<h2 class="hasAnchor">
-<a href="#issues" class="anchor"></a>Issues</h2>
-<p>Issues are listed <a href="https://github.com/RinteRface/tablerDash/issues">here</a>.</p>
+<div class="section level2">
+<h2 id="issues">Issues<a class="anchor" aria-label="anchor" href="#issues"></a>
+</h2>
+<p>Issues are listed <a href="https://github.com/RinteRface/tablerDash/issues" class="external-link">here</a>.</p>
 </div>
-<div id="code-of-conduct" class="section level2">
-<h2 class="hasAnchor">
-<a href="#code-of-conduct" class="anchor"></a>Code of Conduct</h2>
-<p>Please note that the tablerDash project is released with a <a href="https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html">Contributor Code of Conduct</a>. By contributing to this project, you agree to abide by its terms.</p>
+<div class="section level2">
+<h2 id="code-of-conduct">Code of Conduct<a class="anchor" aria-label="anchor" href="#code-of-conduct"></a>
+</h2>
+<p>Please note that the tablerDash project is released with a <a href="https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html" class="external-link">Contributor Code of Conduct</a>. By contributing to this project, you agree to abide by its terms.</p>
 </div>
 </div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <div class="links">
-<h2>Links</h2>
+  </main><aside class="col-md-3"><div class="links">
+<h2 data-toc-skip>Links</h2>
 <ul class="list-unstyled">
-<li>Download from CRAN at <br><a href="https://cloud.r-project.org/package=tablerDash">https://​cloud.r-project.org/​package=tablerDash</a>
-</li>
-<li>Browse source code at <br><a href="https://github.com/RinteRface/tablerDash/">https://​github.com/​RinteRface/​tablerDash/​</a>
-</li>
-<li>Report a bug at <br><a href="https://github.com/RinteRface/tablerDash/issues">https://​github.com/​RinteRface/​tablerDash/​issues</a>
-</li>
+<li><a href="https://cloud.r-project.org/package=tablerDash" class="external-link">View on CRAN</a></li>
+<li><a href="https://github.com/RinteRface/tablerDash/" class="external-link">Browse source code</a></li>
+<li><a href="https://github.com/RinteRface/tablerDash/issues" class="external-link">Report a bug</a></li>
 </ul>
 </div>
+
 <div class="license">
-<h2>License</h2>
+<h2 data-toc-skip>License</h2>
 <ul class="list-unstyled">
 <li>GPL (&gt;= 2)</li>
 </ul>
 </div>
+
 <div class="community">
-<h2>Community</h2>
+<h2 data-toc-skip>Community</h2>
 <ul class="list-unstyled">
 <li><a href="CODE_OF_CONDUCT.html">Code of conduct</a></li>
 </ul>
 </div>
+
+<div class="citation">
+<h2 data-toc-skip>Citation</h2>
+<ul class="list-unstyled">
+<li><a href="authors.html#citation">Citing tablerDash</a></li>
+</ul>
+</div>
+
 <div class="developers">
-<h2>Developers</h2>
+<h2 data-toc-skip>Developers</h2>
 <ul class="list-unstyled">
 <li>David Granjon <br><small class="roles"> Author, maintainer </small>  </li>
-<li><a href="authors.html">All authors...</a></li>
+<li><a href="authors.html">More about authors...</a></li>
 </ul>
 </div>
 
-  <div class="dev-status">
-<h2>Dev status</h2>
+<div class="dev-status">
+<h2 data-toc-skip>Dev status</h2>
 <ul class="list-unstyled">
-<li><a href="https://github.com/RinteRface/tablerDash/actions"><img src="https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg" alt="R build status"></a></li>
-<li><a href="https://cran.r-project.org/package=tablerDash"><img src="https://www.r-pkg.org/badges/version/tablerDash" alt="CRAN status"></a></li>
-<li><a href="https://www.tidyverse.org/lifecycle/#maturing"><img src="https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg" alt="lifecycle"></a></li>
-<li><a href="https://cran.r-project.org/package=tablerDash"><img src="https://cranlogs.r-pkg.org/badges/tablerDash" alt="cranlogs"></a></li>
-<li><a href="https://www.rpackages.io/package/tablerDash"><img src="https://cranlogs.r-pkg.org/badges/grand-total/tablerDash" alt="total"></a></li>
+<li><a href="https://github.com/RinteRface/tablerDash/actions" class="external-link"><img src="https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg" alt="R build status"></a></li>
+<li><a href="https://cran.r-project.org/package=tablerDash" class="external-link"><img src="https://www.r-pkg.org/badges/version/tablerDash" alt="CRAN status"></a></li>
+<li><a href="https://www.tidyverse.org/lifecycle/#maturing" class="external-link"><img src="https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg" alt="lifecycle"></a></li>
+<li><a href="https://cran.r-project.org/package=tablerDash" class="external-link"><img src="https://cranlogs.r-pkg.org/badges/tablerDash" alt="cranlogs"></a></li>
+<li><a href="https://www.rpackages.io/package/tablerDash" class="external-link"><img src="https://cranlogs.r-pkg.org/badges/grand-total/tablerDash" alt="total"></a></li>
 </ul>
 </div>
-</div>
+
+  </aside>
 </div>
 
 
-      <footer><div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
-  
+
+
 
 
   </body>
diff --git a/docs/news/index.html b/docs/news/index.html
index 73e88bd..ff8b910 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -1,168 +1,69 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Changelog"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Changelog • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="active nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Changelog" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-news">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-      <h1 data-toc-skip>Changelog <small></small></h1>
-      <small>Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
-    </div>
-
-    <div id="tablerdash-0159000" class="section level1">
-<h1 class="page-header" data-toc-text="0.1.5.9000">
-<a href="#tablerdash-0159000" class="anchor"></a>tablerDash 0.1.5.9000<small> Unreleased </small>
-</h1>
-<div id="bug-fix" class="section level2">
-<h2 class="hasAnchor">
-<a href="#bug-fix" class="anchor"></a>Bug Fix</h2>
-<ul>
-<li>Resizing a <code><a href="../reference/tablerCard.html">tablerCard()</a></code> triggers the shown javascript event, telling shiny to update the size of the contained object.</li>
-</ul>
-</div>
-</div>
-    <div id="tablerdash-010" class="section level1">
-<h1 class="page-header" data-toc-text="0.1.0">
-<a href="#tablerdash-010" class="anchor"></a>tablerDash 0.1.0<small> 2019-03-08 </small>
-</h1>
-<ul>
-<li>first release</li>
-</ul>
-</div>
   </div>
+</nav><div class="container template-news">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
+      <h1>Changelog</h1>
+      <small>Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/NEWS.md" class="external-link"><code>NEWS.md</code></a></small>
+    </div>
 
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.1.5.9000" id="tablerdash-0159000">tablerDash 0.1.5.9000<a class="anchor" aria-label="anchor" href="#tablerdash-0159000"></a></h2>
+<div class="section level3">
+<h3 id="documentation-0-1-5-9000">Documentation<a class="anchor" aria-label="anchor" href="#documentation-0-1-5-9000"></a></h3>
+<ul><li>Upgrade pkgdown setup.</li>
+<li>Added shinylive support.</li>
+</ul></div>
+<div class="section level3">
+<h3 id="bug-fix-0-1-5-9000">Bug Fix<a class="anchor" aria-label="anchor" href="#bug-fix-0-1-5-9000"></a></h3>
+<ul><li>Resizing a <code><a href="../reference/tablerCard.html">tablerCard()</a></code> triggers the shown javascript event, telling shiny to update the size of the contained object.</li>
+</ul></div>
 </div>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.1.0" id="tablerdash-010">tablerDash 0.1.0<a class="anchor" aria-label="anchor" href="#tablerdash-010"></a></h2><p class="text-muted">CRAN release: 2019-03-08</p>
+<ul><li>first release</li>
+</ul></div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/pkgdown.js b/docs/pkgdown.js
index 7e7048f..9757bf9 100644
--- a/docs/pkgdown.js
+++ b/docs/pkgdown.js
@@ -2,85 +2,45 @@
 (function($) {
   $(function() {
 
-    $('.navbar-fixed-top').headroom();
+    $('nav.navbar').headroom();
 
-    $('body').css('padding-top', $('.navbar').height() + 10);
-    $(window).resize(function(){
-      $('body').css('padding-top', $('.navbar').height() + 10);
+    Toc.init({
+      $nav: $("#toc"),
+      $scope: $("main h2, main h3, main h4, main h5, main h6")
     });
 
-    $('[data-toggle="tooltip"]').tooltip();
-
-    var cur_path = paths(location.pathname);
-    var links = $("#navbar ul li a");
-    var max_length = -1;
-    var pos = -1;
-    for (var i = 0; i < links.length; i++) {
-      if (links[i].getAttribute("href") === "#")
-        continue;
-      // Ignore external links
-      if (links[i].host !== location.host)
-        continue;
-
-      var nav_path = paths(links[i].pathname);
-
-      var length = prefix_length(nav_path, cur_path);
-      if (length > max_length) {
-        max_length = length;
-        pos = i;
-      }
-    }
-
-    // Add class to parent <li>, and enclosing <li> if in dropdown
-    if (pos >= 0) {
-      var menu_anchor = $(links[pos]);
-      menu_anchor.parent().addClass("active");
-      menu_anchor.closest("li.dropdown").addClass("active");
-    }
-  });
-
-  function paths(pathname) {
-    var pieces = pathname.split("/");
-    pieces.shift(); // always starts with /
-
-    var end = pieces[pieces.length - 1];
-    if (end === "index.html" || end === "")
-      pieces.pop();
-    return(pieces);
-  }
-
-  // Returns -1 if not found
-  function prefix_length(needle, haystack) {
-    if (needle.length > haystack.length)
-      return(-1);
-
-    // Special case for length-0 haystack, since for loop won't run
-    if (haystack.length === 0) {
-      return(needle.length === 0 ? 0 : -1);
+    if ($('#toc').length) {
+      $('body').scrollspy({
+        target: '#toc',
+        offset: $("nav.navbar").outerHeight() + 1
+      });
     }
 
-    for (var i = 0; i < haystack.length; i++) {
-      if (needle[i] != haystack[i])
-        return(i);
-    }
+    // Activate popovers
+    $('[data-bs-toggle="popover"]').popover({
+      container: 'body',
+      html: true,
+      trigger: 'focus',
+      placement: "top",
+      sanitize: false,
+    });
 
-    return(haystack.length);
-  }
+    $('[data-bs-toggle="tooltip"]').tooltip();
 
   /* Clipboard --------------------------*/
 
   function changeTooltipMessage(element, msg) {
-    var tooltipOriginalTitle=element.getAttribute('data-original-title');
-    element.setAttribute('data-original-title', msg);
+    var tooltipOriginalTitle=element.getAttribute('data-bs-original-title');
+    element.setAttribute('data-bs-original-title', msg);
     $(element).tooltip('show');
-    element.setAttribute('data-original-title', tooltipOriginalTitle);
+    element.setAttribute('data-bs-original-title', tooltipOriginalTitle);
   }
 
   if(ClipboardJS.isSupported()) {
     $(document).ready(function() {
-      var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";
+      var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";
 
-      $(".examples, div.sourceCode").addClass("hasCopyButton");
+      $("div.sourceCode").addClass("hasCopyButton");
 
       // Insert copy buttons:
       $(copyButton).prependTo(".hasCopyButton");
@@ -89,20 +49,106 @@
       $('.btn-copy-ex').tooltip({container: 'body'});
 
       // Initialize clipboard:
-      var clipboardBtnCopies = new ClipboardJS('[data-clipboard-copy]', {
+      var clipboard = new ClipboardJS('[data-clipboard-copy]', {
         text: function(trigger) {
-          return trigger.parentNode.textContent;
+          return trigger.parentNode.textContent.replace(/\n#>[^\n]*/g, "");
         }
       });
 
-      clipboardBtnCopies.on('success', function(e) {
+      clipboard.on('success', function(e) {
         changeTooltipMessage(e.trigger, 'Copied!');
         e.clearSelection();
       });
 
-      clipboardBtnCopies.on('error', function() {
+      clipboard.on('error', function(e) {
         changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy');
       });
+
     });
   }
+
+    /* Search marking --------------------------*/
+    var url = new URL(window.location.href);
+    var toMark = url.searchParams.get("q");
+    var mark = new Mark("main#main");
+    if (toMark) {
+      mark.mark(toMark, {
+        accuracy: {
+          value: "complementary",
+          limiters: [",", ".", ":", "/"],
+        }
+      });
+    }
+
+  /* Search --------------------------*/
+  /* Adapted from https://github.com/rstudio/bookdown/blob/2d692ba4b61f1e466c92e78fd712b0ab08c11d31/inst/resources/bs4_book/bs4_book.js#L25 */
+    // Initialise search index on focus
+  var fuse;
+  $("#search-input").focus(async function(e) {
+    if (fuse) {
+      return;
+    }
+
+    $(e.target).addClass("loading");
+    var response = await fetch($("#search-input").data("search-index"));
+    var data = await response.json();
+
+    var options = {
+      keys: ["what", "text", "code"],
+      ignoreLocation: true,
+      threshold: 0.1,
+      includeMatches: true,
+      includeScore: true,
+    };
+    fuse = new Fuse(data, options);
+
+    $(e.target).removeClass("loading");
+  });
+
+  // Use algolia autocomplete
+  var options = {
+    autoselect: true,
+    debug: true,
+    hint: false,
+    minLength: 2,
+  };
+  var q;
+async function searchFuse(query, callback) {
+  await fuse;
+
+  var items;
+  if (!fuse) {
+    items = [];
+  } else {
+    q = query;
+    var results = fuse.search(query, { limit: 20 });
+    items = results
+      .filter((x) => x.score <= 0.75)
+      .map((x) => x.item);
+    if (items.length === 0) {
+      items = [{dir:"Sorry 😿",previous_headings:"",title:"No results found.",what:"No results found.",path:window.location.href}];
+    }
+  }
+  callback(items);
+}
+  $("#search-input").autocomplete(options, [
+    {
+      name: "content",
+      source: searchFuse,
+      templates: {
+        suggestion: (s) => {
+          if (s.title == s.what) {
+            return `${s.dir} >	<div class="search-details"> ${s.title}</div>`;
+          } else if (s.previous_headings == "") {
+            return `${s.dir} >	<div class="search-details"> ${s.title}</div> > ${s.what}`;
+          } else {
+            return `${s.dir} >	<div class="search-details"> ${s.title}</div> > ${s.previous_headings} > ${s.what}`;
+          }
+        },
+      },
+    },
+  ]).on('autocomplete:selected', function(event, s) {
+    window.location.href = s.path + "?q=" + q + "#" + s.id;
+  });
+  });
 })(window.jQuery || window.$)
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index ca8b92a..10fe0fd 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -1,6 +1,8 @@
-pandoc: 2.14.0.3
-pkgdown: 1.6.1
+pandoc: '3.2'
+pkgdown: 2.1.0
 pkgdown_sha: ~
 articles: {}
-last_built: 2021-11-15T16:22Z
-
+last_built: 2024-09-26T16:02Z
+urls:
+  reference: https://rinterface.github.io/tablerDash/reference
+  article: https://rinterface.github.io/tablerDash/articles
diff --git a/docs/reference/index.html b/docs/reference/index.html
index 3c7f783..c6ab7a3 100644
--- a/docs/reference/index.html
+++ b/docs/reference/index.html
@@ -1,432 +1,317 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Package index • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Package index"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Function reference • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-index">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Package index</h1>
+    </div>
 
+    <div class="section level2">
+      <h2 id="basic-dashboard-functions">Basic dashboard functions<a class="anchor" aria-label="anchor" href="#basic-dashboard-functions"></a></h2>
 
+      <div class="section-desc"><p>Dashboard skeleton functions</p></div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
 
-<meta property="og:title" content="Function reference" />
+    </div><div class="section level2">
 
 
 
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+      <dl><dt>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+          <code><a href="tablerDashPage.html">tablerDashPage()</a></code>
 
+        </dt>
+        <dd>Create a Boostrap 4 dashboard page</dd>
+      </dl><dl><dt>
 
+          <code><a href="tablerDashNav.html">tablerDashNav()</a></code>
 
-  </head>
+        </dt>
+        <dd>Create a Boostrap 4 dashboard navbar</dd>
+      </dl><dl><dt>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-index">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+          <code><a href="tablerDashBody.html">tablerDashBody()</a></code>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+        </dt>
+        <dd>Create a Boostrap 4 dashboard body</dd>
+      </dl><dl><dt>
 
-<div class="row">
-  <div class="contents col-md-9">
-    <div class="page-header">
-      <h1>Reference</h1>
-    </div>
+          <code><a href="tablerDashFooter.html">tablerDashFooter()</a></code>
 
-    <table class="ref-index">
-
-    <colgroup>
-      
-      <col class="alias" />
-      <col class="title" />
-    </colgroup>
-
-    <tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-basic-dashboard-functions" class="hasAnchor"><a href="#section-basic-dashboard-functions" class="anchor"></a>Basic dashboard functions</h2>
-          <p class="section-desc"><p>Dashboard skeleton functions</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="tablerDashPage.html">tablerDashPage()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard page</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerDashNav.html">tablerDashNav()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard navbar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerDashBody.html">tablerDashBody()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard body</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerDashFooter.html">tablerDashFooter()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard footer</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-body-content-functions" class="hasAnchor"><a href="#section-body-content-functions" class="anchor"></a>Body content functions</h2>
-          <p class="section-desc"><p>Functions that are to be used in the tablerDashBody</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="tablerTabItems.html">tablerTabItems()</a></code> </p>
-        </td>
-        <td><p>A container for tab items</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTabItem.html">tablerTabItem()</a></code> </p>
-        </td>
-        <td><p>One tab to put inside a tab items container</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-navbar-content-functions" class="hasAnchor"><a href="#section-navbar-content-functions" class="anchor"></a>Navbar Content functions</h2>
-          <p class="section-desc"><p>Functions that are to be used in the tablerDashNav</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="tablerDropdown.html">tablerDropdown()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard dropdown container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerDropdownItem.html">tablerDropdownItem()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard dropdown container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerNavMenu.html">tablerNavMenu()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard navbar menu</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerNavMenuItem.html">tablerNavMenuItem()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 dashboard navbar menu item</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-cards" class="hasAnchor"><a href="#section-cards" class="anchor"></a>Cards</h2>
-          <p class="section-desc"><p>Build cards</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="tablerBlogCard.html">tablerBlogCard()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 blog card</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerCard.html">tablerCard()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 card</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerInfoCard.html">tablerInfoCard()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 info card</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerMediaCard.html">tablerMediaCard()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 media card</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerProfileCard.html">tablerProfileCard()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 profile card</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerStatCard.html">tablerStatCard()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4  stat card</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-other-bs-items" class="hasAnchor"><a href="#section-other-bs-items" class="anchor"></a>Other bs4 items</h2>
-          <p class="section-desc"><p>To better customize your app</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="tablerAlert.html">tablerAlert()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 alert</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerAvatar.html">tablerAvatar()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 avatar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerAvatarList.html">tablerAvatarList()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 avatar list</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerIcon.html">tablerIcon()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 icon</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerList.html">tablerList()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 list container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerListItem.html">tablerListItem()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 list item</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerProgress.html">tablerProgress()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 progress bar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerSocialLink.html">tablerSocialLink()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 social link</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerSocialLinks.html">tablerSocialLinks()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 social link list</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerStatus.html">tablerStatus()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 status</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTable.html">tablerTable()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 table container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTableItem.html">tablerTableItem()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 table item</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTag.html">tablerTag()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 tag</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTagList.html">tablerTagList()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 tag list</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTimeline.html">tablerTimeline()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 timeline</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tablerTimelineItem.html">tablerTimelineItem()</a></code> </p>
-        </td>
-        <td><p>Create a Boostrap 4 timeline item</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-gallery" class="hasAnchor"><a href="#section-gallery" class="anchor"></a>Gallery</h2>
-          <p class="section-desc"><p>tablerDash showcase</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="tablerDashGallery.html">tablerDashGallery()</a></code> </p>
-        </td>
-        <td><p>Launch the tablerDash Gallery</p></td>
-      </tr>
-    </tbody>
-    </table>
-  </div>
+        </dt>
+        <dd>Create a Boostrap 4 dashboard footer</dd>
+      </dl></div><div class="section level2">
+      <h2 id="body-content-functions">Body content functions<a class="anchor" aria-label="anchor" href="#body-content-functions"></a></h2>
 
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+      <div class="section-desc"><p>Functions that are to be used in the tablerDashBody</p></div>
+
+
+    </div><div class="section level2">
+
+
+
+
+      <dl><dt>
+
+          <code><a href="tablerTabItems.html">tablerTabItems()</a></code>
+
+        </dt>
+        <dd>A container for tab items</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTabItem.html">tablerTabItem()</a></code>
+
+        </dt>
+        <dd>One tab to put inside a tab items container</dd>
+      </dl></div><div class="section level2">
+      <h2 id="navbar-content-functions">Navbar Content functions<a class="anchor" aria-label="anchor" href="#navbar-content-functions"></a></h2>
+
+      <div class="section-desc"><p>Functions that are to be used in the tablerDashNav</p></div>
+
+
+    </div><div class="section level2">
+
+
+
+
+      <dl><dt>
+
+          <code><a href="tablerDropdown.html">tablerDropdown()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 dashboard dropdown container</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerDropdownItem.html">tablerDropdownItem()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 dashboard dropdown container</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerNavMenu.html">tablerNavMenu()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 dashboard navbar menu</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerNavMenuItem.html">tablerNavMenuItem()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 dashboard navbar menu item</dd>
+      </dl></div><div class="section level2">
+      <h2 id="cards">Cards<a class="anchor" aria-label="anchor" href="#cards"></a></h2>
+
+      <div class="section-desc"><p>Build cards</p></div>
+
+
+    </div><div class="section level2">
+
+
+
+
+      <dl><dt>
+
+          <code><a href="tablerBlogCard.html">tablerBlogCard()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 blog card</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerCard.html">tablerCard()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 card</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerInfoCard.html">tablerInfoCard()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 info card</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerMediaCard.html">tablerMediaCard()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 media card</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerProfileCard.html">tablerProfileCard()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 profile card</dd>
+      </dl><dl><dt>
 
+          <code><a href="tablerStatCard.html">tablerStatCard()</a></code>
 
-      <footer>
-      <div class="copyright">
+        </dt>
+        <dd>Create a Boostrap 4 stat card</dd>
+      </dl></div><div class="section level2">
+      <h2 id="other-bs-items">Other bs4 items<a class="anchor" aria-label="anchor" href="#other-bs-items"></a></h2>
+
+      <div class="section-desc"><p>To better customize your app</p></div>
+
+
+    </div><div class="section level2">
+
+
+
+
+      <dl><dt>
+
+          <code><a href="tablerAlert.html">tablerAlert()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 alert</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerAvatar.html">tablerAvatar()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 avatar</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerAvatarList.html">tablerAvatarList()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 avatar list</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerIcon.html">tablerIcon()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 icon</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerList.html">tablerList()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 list container</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerListItem.html">tablerListItem()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 list item</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerProgress.html">tablerProgress()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 progress bar</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerSocialLink.html">tablerSocialLink()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 social link</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerSocialLinks.html">tablerSocialLinks()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 social link list</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerStatus.html">tablerStatus()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 status</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTable.html">tablerTable()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 table container</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTableItem.html">tablerTableItem()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 table item</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTag.html">tablerTag()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 tag</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTagList.html">tablerTagList()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 tag list</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTimeline.html">tablerTimeline()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 timeline</dd>
+      </dl><dl><dt>
+
+          <code><a href="tablerTimelineItem.html">tablerTimelineItem()</a></code>
+
+        </dt>
+        <dd>Create a Boostrap 4 timeline item</dd>
+      </dl></div><div class="section level2">
+      <h2 id="gallery">Gallery<a class="anchor" aria-label="anchor" href="#gallery"></a></h2>
+
+      <div class="section-desc"><p>tablerDash showcase</p></div>
+
+
+    </div><div class="section level2">
+
+
+
+
+      <dl><dt>
+
+          <code><a href="tablerDashGallery.html">tablerDashGallery()</a></code>
+
+        </dt>
+        <dd>Launch the tablerDash Gallery</dd>
+      </dl></div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerAlert.html b/docs/reference/tablerAlert.html
index 61ea140..3780438 100644
--- a/docs/reference/tablerAlert.html
+++ b/docs/reference/tablerAlert.html
@@ -1,211 +1,122 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 alert — tablerAlert • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 alert — tablerAlert"><meta name="description" content="Build a tabler alert"><meta property="og:description" content="Build a tabler alert"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 alert — tablerAlert • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 alert</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerAlert.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler alert</p>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerAlert</span><span class="op">(</span><span class="va">...</span>, title <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">status</span>, icon <span class="op">=</span> <span class="cn">NULL</span>, closable <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<meta property="og:title" content="Create a Boostrap 4 alert — tablerAlert" />
-<meta property="og:description" content="Build a tabler alert" />
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Alert content.</p></dd>
 
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Alert title.</p></dd>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Alert status. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>.</p></dd>
 
 
-  </head>
+<dt id="arg-icon">icon<a class="anchor" aria-label="anchor" href="#arg-icon"></a></dt>
+<dd><p>Alert icon.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dt id="arg-closable">closable<a class="anchor" aria-label="anchor" href="#arg-closable"></a></dt>
+<dd><p>Whether to close the alert. TRUE by default.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 alert</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerAlert.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler alert</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerAlert</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Alert"</span>,</span></span>
+<span class="r-in"><span>      <span class="st">"Lorem ipsum dolor sit amet, consectetur</span></span></span>
+<span class="r-in"><span><span class="st">      adipisicing elit. Lorem ipsum dolor sit</span></span></span>
+<span class="r-in"><span><span class="st">      amet, consectetur adipisicing elit.</span></span></span>
+<span class="r-in"><span><span class="st">      Lorem ipsum dolor sit amet, consectetur</span></span></span>
+<span class="r-in"><span><span class="st">      adipisicing elit."</span>,</span></span>
+<span class="r-in"><span>      icon <span class="op">=</span> <span class="st">"alert-triangle"</span>,</span></span>
+<span class="r-in"><span>      status <span class="op">=</span> <span class="st">"info"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
-
-    <pre class="usage"><span class='fu'>tablerAlert</span><span class='op'>(</span><span class='va'>...</span>, title <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>status</span>, icon <span class='op'>=</span> <span class='cn'>NULL</span>, closable <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Alert content.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Alert title.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Alert status. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Alert icon.</p></td>
-    </tr>
-    <tr>
-      <th>closable</th>
-      <td><p>Whether to close the alert. TRUE by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerAlert</span><span class='op'>(</span></span>
-<span class='r-in'>      title <span class='op'>=</span> <span class='st'>"Alert"</span>,</span>
-<span class='r-in'>      <span class='st'>"Lorem ipsum dolor sit amet, consectetur</span>
-<span class='r-in'>      adipisicing elit. Lorem ipsum dolor sit</span>
-<span class='r-in'>      amet, consectetur adipisicing elit.</span>
-<span class='r-in'>      Lorem ipsum dolor sit amet, consectetur</span>
-<span class='r-in'>      adipisicing elit."</span>,</span>
-<span class='r-in'>      icon <span class='op'>=</span> <span class='st'>"alert-triangle"</span>,</span>
-<span class='r-in'>      status <span class='op'>=</span> <span class='st'>"info"</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerAvatar.html b/docs/reference/tablerAvatar.html
index 722e053..88b4158 100644
--- a/docs/reference/tablerAvatar.html
+++ b/docs/reference/tablerAvatar.html
@@ -1,217 +1,127 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 avatar — tablerAvatar • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 avatar — tablerAvatar"><meta name="description" content="Build a tabler avatar"><meta property="og:description" content="Build a tabler avatar"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 avatar — tablerAvatar • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 avatar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerAvatar.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler avatar</p>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerAvatar</span><span class="op">(</span>name <span class="op">=</span> <span class="cn">NULL</span>, url <span class="op">=</span> <span class="cn">NULL</span>, size <span class="op">=</span> <span class="cn">NULL</span>, status <span class="op">=</span> <span class="cn">NULL</span>, color <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<meta property="og:title" content="Create a Boostrap 4 avatar — tablerAvatar" />
-<meta property="og:description" content="Build a tabler avatar" />
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg-name">name<a class="anchor" aria-label="anchor" href="#arg-name"></a></dt>
+<dd><p>Avatar placeholder. If not NULL, url cannot be used.</p></dd>
 
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+<dt id="arg-url">url<a class="anchor" aria-label="anchor" href="#arg-url"></a></dt>
+<dd><p>Avatar image if any. If not NULL, name cannot be used.</p></dd>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dt id="arg-size">size<a class="anchor" aria-label="anchor" href="#arg-size"></a></dt>
+<dd><p>Avatar size. NULL, "sm", "md", "lg", "xl" or "xxl".</p></dd>
 
 
-  </head>
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Avatar status. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>
+for valid statuses.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dt id="arg-color">color<a class="anchor" aria-label="anchor" href="#arg-color"></a></dt>
+<dd><p>Avatar background color. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>
+for valid colors.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 avatar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerAvatar.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler avatar</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerAvatar</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>      size <span class="op">=</span> <span class="st">"xxl"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerAvatar</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>      color <span class="op">=</span> <span class="st">"orange"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerAvatar</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>      status <span class="op">=</span> <span class="st">"warning"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerAvatar</span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
-
-    <pre class="usage"><span class='fu'>tablerAvatar</span><span class='op'>(</span>name <span class='op'>=</span> <span class='cn'>NULL</span>, url <span class='op'>=</span> <span class='cn'>NULL</span>, size <span class='op'>=</span> <span class='cn'>NULL</span>, status <span class='op'>=</span> <span class='cn'>NULL</span>,
-  color <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>name</th>
-      <td><p>Avatar placeholder. If not NULL, url cannot be used.</p></td>
-    </tr>
-    <tr>
-      <th>url</th>
-      <td><p>Avatar image if any. If not NULL, name cannot be used.</p></td>
-    </tr>
-    <tr>
-      <th>size</th>
-      <td><p>Avatar size. NULL, "sm", "md", "lg", "xl" or "xxl".</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Avatar status. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>
-for valid statuses.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>Avatar background color. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>
-for valid colors.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerAvatar</span><span class='op'>(</span></span>
-<span class='r-in'>      name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>      size <span class='op'>=</span> <span class='st'>"xxl"</span></span>
-<span class='r-in'>     <span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerAvatar</span><span class='op'>(</span></span>
-<span class='r-in'>      name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>      color <span class='op'>=</span> <span class='st'>"orange"</span></span>
-<span class='r-in'>     <span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerAvatar</span><span class='op'>(</span></span>
-<span class='r-in'>      name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>      status <span class='op'>=</span> <span class='st'>"warning"</span></span>
-<span class='r-in'>     <span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerAvatar</span><span class='op'>(</span>url <span class='op'>=</span> <span class='st'>"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerAvatarList.html b/docs/reference/tablerAvatarList.html
index 83ad837..2ede8b5 100644
--- a/docs/reference/tablerAvatarList.html
+++ b/docs/reference/tablerAvatarList.html
@@ -1,205 +1,116 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 avatar list — tablerAvatarList • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 avatar list — tablerAvatarList"><meta name="description" content="Build a tabler avatar list"><meta property="og:description" content="Build a tabler avatar list"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 avatar list — tablerAvatarList • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 avatar list — tablerAvatarList" />
-<meta property="og:description" content="Build a tabler avatar list" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
 
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 avatar list</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerAvatarList.Rd</code></div>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="ref-description section level2">
+    <p>Build a tabler avatar list</p>
+    </div>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerAvatarList</span><span class="op">(</span><span class="va">...</span>, stacked <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
-  </head>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerAvatar.html">tablerAvatar</a>.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dt id="arg-stacked">stacked<a class="anchor" aria-label="anchor" href="#arg-stacked"></a></dt>
+<dd><p>Whether to stack avatars. FALSE by default.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 avatar list</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerAvatarList.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler avatar list</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerAvatarList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      stacked <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>       size <span class="op">=</span> <span class="st">"xxl"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>       color <span class="op">=</span> <span class="st">"orange"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>       status <span class="op">=</span> <span class="st">"warning"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerAvatarList</span><span class='op'>(</span><span class='va'>...</span>, stacked <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerAvatar.html'>tablerAvatar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>stacked</th>
-      <td><p>Whether to stack avatars. FALSE by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerAvatarList</span><span class='op'>(</span></span>
-<span class='r-in'>      stacked <span class='op'>=</span> <span class='cn'>TRUE</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>       name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>       size <span class='op'>=</span> <span class='st'>"xxl"</span></span>
-<span class='r-in'>      <span class='op'>)</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>       name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>       color <span class='op'>=</span> <span class='st'>"orange"</span></span>
-<span class='r-in'>      <span class='op'>)</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>       name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>       status <span class='op'>=</span> <span class='st'>"warning"</span></span>
-<span class='r-in'>      <span class='op'>)</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span>url <span class='op'>=</span> <span class='st'>"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerBlogCard.html b/docs/reference/tablerBlogCard.html
index 1814cb6..a4c4a13 100644
--- a/docs/reference/tablerBlogCard.html
+++ b/docs/reference/tablerBlogCard.html
@@ -1,231 +1,150 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 blog card — tablerBlogCard • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 blog card — tablerBlogCard"><meta name="description" content="Build a tabler blog card"><meta property="og:description" content="Build a tabler blog card"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 blog card — tablerBlogCard • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 blog card</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/cards.R" class="external-link"><code>R/cards.R</code></a></small>
+      <div class="d-none name"><code>tablerBlogCard.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler blog card</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerBlogCard</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  author <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  date <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  href <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  src <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  avatarUrl <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  width <span class="op">=</span> <span class="fl">4</span>,</span>
+<span>  horizontal <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 blog card — tablerBlogCard" />
-<meta property="og:description" content="Build a tabler blog card" />
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Any other elements.</p></dd>
 
 
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Title.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-author">author<a class="anchor" aria-label="anchor" href="#arg-author"></a></dt>
+<dd><p>Blog post author.</p></dd>
 
 
+<dt id="arg-date">date<a class="anchor" aria-label="anchor" href="#arg-date"></a></dt>
+<dd><p>Date.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-href">href<a class="anchor" aria-label="anchor" href="#arg-href"></a></dt>
+<dd><p>External link.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 blog card</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/cards.R'><code>R/cards.R</code></a></small>
-    <div class="hidden name"><code>tablerBlogCard.Rd</code></div>
-    </div>
+<dt id="arg-src">src<a class="anchor" aria-label="anchor" href="#arg-src"></a></dt>
+<dd><p>Image url.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler blog card</p>
+
+<dt id="arg-avatarurl">avatarUrl<a class="anchor" aria-label="anchor" href="#arg-avatarurl"></a></dt>
+<dd><p>Avatar image.</p></dd>
+
+
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card width. 4 by default.</p></dd>
+
+
+<dt id="arg-horizontal">horizontal<a class="anchor" aria-label="anchor" href="#arg-horizontal"></a></dt>
+<dd><p>Whether the card is horizontally displayed. FALSE by default.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerBlogCard</span><span class='op'>(</span><span class='va'>...</span>, title <span class='op'>=</span> <span class='cn'>NULL</span>, author <span class='op'>=</span> <span class='cn'>NULL</span>, date <span class='op'>=</span> <span class='cn'>NULL</span>,
-  href <span class='op'>=</span> <span class='cn'>NULL</span>, src <span class='op'>=</span> <span class='cn'>NULL</span>, avatarUrl <span class='op'>=</span> <span class='cn'>NULL</span>, width <span class='op'>=</span> <span class='fl'>4</span>,
-  horizontal <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Any other elements.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Title.</p></td>
-    </tr>
-    <tr>
-      <th>author</th>
-      <td><p>Blog post author.</p></td>
-    </tr>
-    <tr>
-      <th>date</th>
-      <td><p>Date.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>External link.</p></td>
-    </tr>
-    <tr>
-      <th>src</th>
-      <td><p>Image url.</p></td>
-    </tr>
-    <tr>
-      <th>avatarUrl</th>
-      <td><p>Avatar image.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card width. 4 by default.</p></td>
-    </tr>
-    <tr>
-      <th>horizontal</th>
-      <td><p>Whether the card is horizontally displayed. FALSE by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerBlogCard</span><span class='op'>(</span></span>
-<span class='r-in'>      title <span class='op'>=</span> <span class='st'>"Blog Card"</span>,</span>
-<span class='r-in'>      author <span class='op'>=</span> <span class='st'>"David"</span>,</span>
-<span class='r-in'>      date <span class='op'>=</span> <span class='st'>"Today"</span>,</span>
-<span class='r-in'>      href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span>,</span>
-<span class='r-in'>      src <span class='op'>=</span> <span class='st'>"https://preview.tabler.io/demo/photos/matt-barrett-339981-500.jpg"</span>,</span>
-<span class='r-in'>      avatarUrl <span class='op'>=</span> <span class='st'>"https://image.flaticon.com/icons/svg/145/145842.svg"</span>,</span>
-<span class='r-in'>      width <span class='op'>=</span> <span class='fl'>6</span>,</span>
-<span class='r-in'>      <span class='st'>"Look, my liege! The Knights Who Say Ni</span>
-<span class='r-in'>      demand a sacrifice! …Are you suggesting</span>
-<span class='r-in'>      that coconuts migr..."</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerBlogCard</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Blog Card"</span>,</span></span>
+<span class="r-in"><span>      author <span class="op">=</span> <span class="st">"David"</span>,</span></span>
+<span class="r-in"><span>      date <span class="op">=</span> <span class="st">"Today"</span>,</span></span>
+<span class="r-in"><span>      href <span class="op">=</span> <span class="st">"https://www.google.com"</span>,</span></span>
+<span class="r-in"><span>      src <span class="op">=</span> <span class="st">"https://preview.tabler.io/demo/photos/matt-barrett-339981-500.jpg"</span>,</span></span>
+<span class="r-in"><span>      avatarUrl <span class="op">=</span> <span class="st">"https://image.flaticon.com/icons/svg/145/145842.svg"</span>,</span></span>
+<span class="r-in"><span>      width <span class="op">=</span> <span class="fl">6</span>,</span></span>
+<span class="r-in"><span>      <span class="st">"Look, my liege! The Knights Who Say Ni</span></span></span>
+<span class="r-in"><span><span class="st">      demand a sacrifice! …Are you suggesting</span></span></span>
+<span class="r-in"><span><span class="st">      that coconuts migr..."</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerCard.html b/docs/reference/tablerCard.html
index e17be8e..3bee255 100644
--- a/docs/reference/tablerCard.html
+++ b/docs/reference/tablerCard.html
@@ -1,247 +1,168 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 card — tablerCard • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 card — tablerCard"><meta name="description" content="Build a tabler card"><meta property="og:description" content="Build a tabler card"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 card — tablerCard • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 card</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/cards.R" class="external-link"><code>R/cards.R</code></a></small>
+      <div class="d-none name"><code>tablerCard.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler card</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerCard</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  options <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  footer <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  status <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  statusSide <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"top"</span>, <span class="st">"left"</span><span class="op">)</span>,</span>
+<span>  collapsible <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  collapsed <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  closable <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  zoomable <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  width <span class="op">=</span> <span class="fl">6</span>,</span>
+<span>  overflow <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 card — tablerCard" />
-<meta property="og:description" content="Build a tabler card" />
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Body content</p></dd>
 
 
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Card title. If NULL, the header is not displayed.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-options">options<a class="anchor" aria-label="anchor" href="#arg-options"></a></dt>
+<dd><p>Card extra header elements.</p></dd>
 
 
+<dt id="arg-footer">footer<a class="anchor" aria-label="anchor" href="#arg-footer"></a></dt>
+<dd><p>Card footer. NULL by default. Not displayed if NULL.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Card status. NULL by default. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a> for valid statuses.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 card</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/cards.R'><code>R/cards.R</code></a></small>
-    <div class="hidden name"><code>tablerCard.Rd</code></div>
-    </div>
+<dt id="arg-statusside">statusSide<a class="anchor" aria-label="anchor" href="#arg-statusside"></a></dt>
+<dd><p>Status side: "top" or "left".</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler card</p>
+
+<dt id="arg-collapsible">collapsible<a class="anchor" aria-label="anchor" href="#arg-collapsible"></a></dt>
+<dd><p>Whether the card is collapsible. TRUE by default.</p></dd>
+
+
+<dt id="arg-collapsed">collapsed<a class="anchor" aria-label="anchor" href="#arg-collapsed"></a></dt>
+<dd><p>Whether to collapse the card at start. FALSE by default.</p></dd>
+
+
+<dt id="arg-closable">closable<a class="anchor" aria-label="anchor" href="#arg-closable"></a></dt>
+<dd><p>Whether the card is closable. TRUE by default.</p></dd>
+
+
+<dt id="arg-zoomable">zoomable<a class="anchor" aria-label="anchor" href="#arg-zoomable"></a></dt>
+<dd><p>Whether the card is zoomable. TRUE by default.</p></dd>
+
+
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card width. 6 by default. See Bootstrap grid system. If NULL, the card is
+full width.</p></dd>
+
+
+<dt id="arg-overflow">overflow<a class="anchor" aria-label="anchor" href="#arg-overflow"></a></dt>
+<dd><p>Whether to set up a x and y overflow. FALSE by default.
+Useful in case the card contains large tables.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerCard</span><span class='op'>(</span><span class='va'>...</span>, title <span class='op'>=</span> <span class='cn'>NULL</span>, options <span class='op'>=</span> <span class='cn'>NULL</span>, footer <span class='op'>=</span> <span class='cn'>NULL</span>,
-  status <span class='op'>=</span> <span class='cn'>NULL</span>, statusSide <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"top"</span>, <span class='st'>"left"</span><span class='op'>)</span>, collapsible <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  collapsed <span class='op'>=</span> <span class='cn'>FALSE</span>, closable <span class='op'>=</span> <span class='cn'>TRUE</span>, zoomable <span class='op'>=</span> <span class='cn'>TRUE</span>, width <span class='op'>=</span> <span class='fl'>6</span>,
-  overflow <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Body content</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Card title. If NULL, the header is not displayed.</p></td>
-    </tr>
-    <tr>
-      <th>options</th>
-      <td><p>Card extra header elements.</p></td>
-    </tr>
-    <tr>
-      <th>footer</th>
-      <td><p>Card footer. NULL by default. Not displayed if NULL.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Card status. NULL by default. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a> for valid statuses.</p></td>
-    </tr>
-    <tr>
-      <th>statusSide</th>
-      <td><p>Status side: "top" or "left".</p></td>
-    </tr>
-    <tr>
-      <th>collapsible</th>
-      <td><p>Whether the card is collapsible. TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>collapsed</th>
-      <td><p>Whether to collapse the card at start. FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>closable</th>
-      <td><p>Whether the card is closable. TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>zoomable</th>
-      <td><p>Whether the card is zoomable. TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card width. 6 by default. See Bootstrap grid system. If NULL, the card is
-full width.</p></td>
-    </tr>
-    <tr>
-      <th>overflow</th>
-      <td><p>Whether to set up a x and y overflow. FALSE by default.
-Useful in case the card contains large tables.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerCard</span><span class='op'>(</span></span>
-<span class='r-in'>      title <span class='op'>=</span> <span class='st'>"Card"</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/sliderInput.html'>sliderInput</a></span><span class='op'>(</span><span class='st'>"obs"</span>, <span class='st'>"Number of observations:"</span>,</span>
-<span class='r-in'>      min <span class='op'>=</span> <span class='fl'>0</span>, max <span class='op'>=</span> <span class='fl'>1000</span>, value <span class='op'>=</span> <span class='fl'>500</span></span>
-<span class='r-in'>      <span class='op'>)</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>,</span>
-<span class='r-in'>      status <span class='op'>=</span> <span class='st'>"success"</span>,</span>
-<span class='r-in'>      statusSide <span class='op'>=</span> <span class='st'>"left"</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span></span>
-<span class='r-in'>   <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span></span>
-<span class='r-in'>    <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span><span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>}</span><span class='op'>)</span></span>
-<span class='r-in'>  <span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerCard</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Card"</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/sliderInput.html" class="external-link">sliderInput</a></span><span class="op">(</span><span class="st">"obs"</span>, <span class="st">"Number of observations:"</span>,</span></span>
+<span class="r-in"><span>      min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">1000</span>, value <span class="op">=</span> <span class="fl">500</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      status <span class="op">=</span> <span class="st">"success"</span>,</span></span>
+<span class="r-in"><span>      statusSide <span class="op">=</span> <span class="st">"left"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>   <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDashBody.html b/docs/reference/tablerDashBody.html
index 7637c45..3092152 100644
--- a/docs/reference/tablerDashBody.html
+++ b/docs/reference/tablerDashBody.html
@@ -1,167 +1,76 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard body — tablerDashBody • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard body — tablerDashBody"><meta name="description" content="Build a tabler dashboard body"><meta property="og:description" content="Build a tabler dashboard body"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard body — tablerDashBody • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 dashboard body — tablerDashBody" />
-<meta property="og:description" content="Build a tabler dashboard body" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Create a Boostrap 4 dashboard body</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardBody.R" class="external-link"><code>R/dashboardBody.R</code></a></small>
+      <div class="d-none name"><code>tablerDashBody.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard body</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardBody.R'><code>R/dashboardBody.R</code></a></small>
-    <div class="hidden name"><code>tablerDashBody.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard body</p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard body</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDashBody</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerDashBody</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Body content, slot for <a href='tablerTabItems.html'>tablerTabItems</a>.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Body content, slot for <a href="tablerTabItems.html">tablerTabItems</a>.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDashFooter.html b/docs/reference/tablerDashFooter.html
index 63b61ce..7eca1f3 100644
--- a/docs/reference/tablerDashFooter.html
+++ b/docs/reference/tablerDashFooter.html
@@ -1,171 +1,80 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard footer — tablerDashFooter • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard footer — tablerDashFooter"><meta name="description" content="Build an adminLTE3 dashboard footer"><meta property="og:description" content="Build an adminLTE3 dashboard footer"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard footer — tablerDashFooter • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 dashboard footer — tablerDashFooter" />
-<meta property="og:description" content="Build an adminLTE3 dashboard footer" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Create a Boostrap 4 dashboard footer</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardFooter.R" class="external-link"><code>R/dashboardFooter.R</code></a></small>
+      <div class="d-none name"><code>tablerDashFooter.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard footer</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardFooter.R'><code>R/dashboardFooter.R</code></a></small>
-    <div class="hidden name"><code>tablerDashFooter.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>Build an adminLTE3 dashboard footer</p>
     </div>
 
-    <div class="ref-description">
-    <p>Build an adminLTE3 dashboard footer</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDashFooter</span><span class="op">(</span><span class="va">...</span>, copyrights <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerDashFooter</span><span class='op'>(</span><span class='va'>...</span>, copyrights <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Left text.</p></td>
-    </tr>
-    <tr>
-      <th>copyrights</th>
-      <td><p>Copyrights, if any.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Left text.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt id="arg-copyrights">copyrights<a class="anchor" aria-label="anchor" href="#arg-copyrights"></a></dt>
+<dd><p>Copyrights, if any.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDashGallery.html b/docs/reference/tablerDashGallery.html
index d2e56a8..06335d7 100644
--- a/docs/reference/tablerDashGallery.html
+++ b/docs/reference/tablerDashGallery.html
@@ -1,164 +1,74 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Launch the tablerDash Gallery — tablerDashGallery • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Launch the tablerDash Gallery — tablerDashGallery"><meta name="description" content="A gallery of all components available in tablerDash."><meta property="og:description" content="A gallery of all components available in tablerDash."></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Launch the tablerDash Gallery — tablerDashGallery • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Launch the tablerDash Gallery — tablerDashGallery" />
-<meta property="og:description" content="A gallery of all components available in tablerDash." />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Launch the tablerDash Gallery</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/gallery.R'><code>R/gallery.R</code></a></small>
-    <div class="hidden name"><code>tablerDashGallery.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+
+      <h1>Launch the tablerDash Gallery</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/gallery.R" class="external-link"><code>R/gallery.R</code></a></small>
+      <div class="d-none name"><code>tablerDashGallery.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>A gallery of all components available in tablerDash.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerDashGallery</span><span class='op'>(</span><span class='op'>)</span></pre>
-
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDashGallery</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'></span>
-<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>tablerDashGallery</span><span class='op'>(</span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'><span class='op'>}</span></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">tablerDashGallery</span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDashNav.html b/docs/reference/tablerDashNav.html
index 6fc839e..2fae450 100644
--- a/docs/reference/tablerDashNav.html
+++ b/docs/reference/tablerDashNav.html
@@ -1,179 +1,88 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard navbar — tablerDashNav • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard navbar — tablerDashNav"><meta name="description" content="Build a tabler dashboard page"><meta property="og:description" content="Build a tabler dashboard page"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard navbar — tablerDashNav • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 dashboard navbar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardNavbar.R" class="external-link"><code>R/dashboardNavbar.R</code></a></small>
+      <div class="d-none name"><code>tablerDashNav.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard page</p>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDashNav</span><span class="op">(</span><span class="va">id</span>, <span class="va">...</span>, src <span class="op">=</span> <span class="cn">NULL</span>, navMenu <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<meta property="og:title" content="Create a Boostrap 4 dashboard navbar — tablerDashNav" />
-<meta property="og:description" content="Build a tabler dashboard page" />
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg-id">id<a class="anchor" aria-label="anchor" href="#arg-id"></a></dt>
+<dd><p>Navbar id.</p></dd>
 
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+<dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Navbar content.</p></dd>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dt id="arg-src">src<a class="anchor" aria-label="anchor" href="#arg-src"></a></dt>
+<dd><p>Brand image url or path.</p></dd>
 
 
-  </head>
+<dt id="arg-navmenu">navMenu<a class="anchor" aria-label="anchor" href="#arg-navmenu"></a></dt>
+<dd><p>Slot for <a href="tablerNavMenu.html">tablerNavMenu</a></p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard navbar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardNavbar.R'><code>R/dashboardNavbar.R</code></a></small>
-    <div class="hidden name"><code>tablerDashNav.Rd</code></div>
-    </div>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard page</p>
-    </div>
-
-    <pre class="usage"><span class='fu'>tablerDashNav</span><span class='op'>(</span><span class='va'>id</span>, <span class='va'>...</span>, src <span class='op'>=</span> <span class='cn'>NULL</span>, navMenu <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>id</th>
-      <td><p>Navbar id.</p></td>
-    </tr>
-    <tr>
-      <th>...</th>
-      <td><p>Navbar content.</p></td>
-    </tr>
-    <tr>
-      <th>src</th>
-      <td><p>Brand image url or path.</p></td>
-    </tr>
-    <tr>
-      <th>navMenu</th>
-      <td><p>Slot for <a href='tablerNavMenu.html'>tablerNavMenu</a></p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
-
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDashPage.html b/docs/reference/tablerDashPage.html
index eec951b..6209df6 100644
--- a/docs/reference/tablerDashPage.html
+++ b/docs/reference/tablerDashPage.html
@@ -1,205 +1,122 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard page — tablerDashPage • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard page — tablerDashPage"><meta name="description" content="Build a tabler dashboard page"><meta property="og:description" content="Build a tabler dashboard page"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard page — tablerDashPage • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 dashboard page</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardPage.R" class="external-link"><code>R/dashboardPage.R</code></a></small>
+      <div class="d-none name"><code>tablerDashPage.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard page</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDashPage</span><span class="op">(</span></span>
+<span>  navbar <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  body <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  footer <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  enable_preloader <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  loading_duration <span class="op">=</span> <span class="fl">2</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 dashboard page — tablerDashPage" />
-<meta property="og:description" content="Build a tabler dashboard page" />
 
+<dl><dt id="arg-navbar">navbar<a class="anchor" aria-label="anchor" href="#arg-navbar"></a></dt>
+<dd><p>Slot for <a href="tablerDashNav.html">tablerDashNav</a>.</p></dd>
 
 
+<dt id="arg-body">body<a class="anchor" aria-label="anchor" href="#arg-body"></a></dt>
+<dd><p>Slot for <a href="tablerDashBody.html">tablerDashBody</a>.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-footer">footer<a class="anchor" aria-label="anchor" href="#arg-footer"></a></dt>
+<dd><p>Slot for <a href="tablerDashFooter.html">tablerDashFooter</a>.</p></dd>
 
 
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>App title.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-enable-preloader">enable_preloader<a class="anchor" aria-label="anchor" href="#arg-enable-preloader"></a></dt>
+<dd><p>Whether to enable a page loader. FALSE by default.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard page</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardPage.R'><code>R/dashboardPage.R</code></a></small>
-    <div class="hidden name"><code>tablerDashPage.Rd</code></div>
-    </div>
+<dt id="arg-loading-duration">loading_duration<a class="anchor" aria-label="anchor" href="#arg-loading-duration"></a></dt>
+<dd><p>Loader duration in seconds. 2s by default.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard page</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerDashPage</span><span class='op'>(</span>navbar <span class='op'>=</span> <span class='cn'>NULL</span>, body <span class='op'>=</span> <span class='cn'>NULL</span>, footer <span class='op'>=</span> <span class='cn'>NULL</span>,
-  title <span class='op'>=</span> <span class='cn'>NULL</span>, enable_preloader <span class='op'>=</span> <span class='cn'>FALSE</span>, loading_duration <span class='op'>=</span> <span class='fl'>2</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>navbar</th>
-      <td><p>Slot for <a href='tablerDashNav.html'>tablerDashNav</a>.</p></td>
-    </tr>
-    <tr>
-      <th>body</th>
-      <td><p>Slot for <a href='tablerDashBody.html'>tablerDashBody</a>.</p></td>
-    </tr>
-    <tr>
-      <th>footer</th>
-      <td><p>Slot for <a href='tablerDashFooter.html'>tablerDashFooter</a>.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>App title.</p></td>
-    </tr>
-    <tr>
-      <th>enable_preloader</th>
-      <td><p>Whether to enable a page loader. FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>loading_duration</th>
-      <td><p>Loader duration in seconds. 2s by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'>tablerDashPage</span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='fu'><a href='tablerDashNav.html'>tablerDashNav</a></span><span class='op'>(</span><span class='op'>)</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='fu'><a href='tablerDashFooter.html'>tablerDashFooter</a></span><span class='op'>(</span><span class='op'>)</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span><span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu">tablerDashPage</span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="fu"><a href="tablerDashNav.html">tablerDashNav</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="fu"><a href="tablerDashFooter.html">tablerDashFooter</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDropDown.html b/docs/reference/tablerDropDown.html
index 6d8f865..7a13dd1 100644
--- a/docs/reference/tablerDropDown.html
+++ b/docs/reference/tablerDropDown.html
@@ -1,172 +1,84 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard dropdown container — tablerDropdown • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard dropdown container — tablerDropdown"><meta name="description" content="Build a tabler dashboard dropdown container"><meta property="og:description" content="Build a tabler dashboard dropdown container"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard dropdown container — tablerDropdown • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 dashboard dropdown container — tablerDropdown" />
-<meta property="og:description" content="Build a tabler dashboard dropdown container" />
 
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 dashboard dropdown container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardNavbar.R" class="external-link"><code>R/dashboardNavbar.R</code></a></small>
+      <div class="d-none name"><code>tablerDropdown.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard dropdown container</p>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDropdown</span><span class="op">(</span><span class="va">...</span>, icon <span class="op">=</span> <span class="st">"bell"</span>, collapsed <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerDropdownItem.html">tablerDropdownItem</a>.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5</span>
-      </span>
-    </div>
+<dt id="arg-icon">icon<a class="anchor" aria-label="anchor" href="#arg-icon"></a></dt>
+<dd><p>Dropdown icon.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard dropdown container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardNavbar.R'><code>R/dashboardNavbar.R</code></a></small>
-    <div class="hidden name"><code>tablerDropdown.Rd</code></div>
-    </div>
+<dt id="arg-collapsed">collapsed<a class="anchor" aria-label="anchor" href="#arg-collapsed"></a></dt>
+<dd><p>Whether to collapse the dropdown. TRUE by default.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard dropdown container</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerDropdown</span>(<span class='no'>...</span>, <span class='kw'>icon</span> <span class='kw'>=</span> <span class='st'>"bell"</span>, <span class='kw'>collapsed</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)</pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerDropdownItem.html'>tablerDropdownItem</a>.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Dropdown icon.</p></td>
-    </tr>
-    <tr>
-      <th>collapsed</th>
-      <td><p>Whether to collapse the dropdown. TRUE by default.</p></td>
-    </tr>
-    </table>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
-
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerDropdownItem.html b/docs/reference/tablerDropdownItem.html
index 1367f92..990eca9 100644
--- a/docs/reference/tablerDropdownItem.html
+++ b/docs/reference/tablerDropdownItem.html
@@ -1,188 +1,103 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard dropdown container — tablerDropdownItem • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard dropdown container — tablerDropdownItem"><meta name="description" content="Build a tabler dashboard dropdown container"><meta property="og:description" content="Build a tabler dashboard dropdown container"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard dropdown container — tablerDropdownItem • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 dashboard dropdown container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardNavbar.R" class="external-link"><code>R/dashboardNavbar.R</code></a></small>
+      <div class="d-none name"><code>tablerDropdownItem.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard dropdown container</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerDropdownItem</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  href <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  url <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  status <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  date <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 dashboard dropdown container — tablerDropdownItem" />
-<meta property="og:description" content="Build a tabler dashboard dropdown container" />
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Item content.</p></dd>
 
 
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Item title.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-href">href<a class="anchor" aria-label="anchor" href="#arg-href"></a></dt>
+<dd><p>External link.</p></dd>
 
 
+<dt id="arg-url">url<a class="anchor" aria-label="anchor" href="#arg-url"></a></dt>
+<dd><p>Author image.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Item status. Only if url is not NULL.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard dropdown container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardNavbar.R'><code>R/dashboardNavbar.R</code></a></small>
-    <div class="hidden name"><code>tablerDropdownItem.Rd</code></div>
-    </div>
+<dt id="arg-date">date<a class="anchor" aria-label="anchor" href="#arg-date"></a></dt>
+<dd><p>Item date.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard dropdown container</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerDropdownItem</span><span class='op'>(</span><span class='va'>...</span>, title <span class='op'>=</span> <span class='cn'>NULL</span>, href <span class='op'>=</span> <span class='cn'>NULL</span>, url <span class='op'>=</span> <span class='cn'>NULL</span>,
-  status <span class='op'>=</span> <span class='cn'>NULL</span>, date <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Item content.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Item title.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>External link.</p></td>
-    </tr>
-    <tr>
-      <th>url</th>
-      <td><p>Author image.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Item status. Only if url is not NULL.</p></td>
-    </tr>
-    <tr>
-      <th>date</th>
-      <td><p>Item date.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerIcon.html b/docs/reference/tablerIcon.html
index 30e87fb..9c3f228 100644
--- a/docs/reference/tablerIcon.html
+++ b/docs/reference/tablerIcon.html
@@ -1,171 +1,80 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 icon — tablerIcon • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 icon — tablerIcon"><meta name="description" content="Build a tabler icon"><meta property="og:description" content="Build a tabler icon"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 icon — tablerIcon • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 icon — tablerIcon" />
-<meta property="og:description" content="Build a tabler icon" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Create a Boostrap 4 icon</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/icons.R" class="external-link"><code>R/icons.R</code></a></small>
+      <div class="d-none name"><code>tablerIcon.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 icon</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/icons.R'><code>R/icons.R</code></a></small>
-    <div class="hidden name"><code>tablerIcon.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>Build a tabler icon</p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler icon</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerIcon</span><span class="op">(</span><span class="va">name</span>, lib <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"feather"</span>, <span class="st">"font-awesome"</span>, <span class="st">"payment"</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerIcon</span><span class='op'>(</span><span class='va'>name</span>, lib <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"feather"</span>, <span class='st'>"font-awesome"</span>, <span class='st'>"payment"</span><span class='op'>)</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>name</th>
-      <td><p>Name of icon. See <a href='https://preview.tabler.io/icons.html'>https://preview.tabler.io/icons.html</a> for all valid icons.</p></td>
-    </tr>
-    <tr>
-      <th>lib</th>
-      <td><p>Icon library ("feather", "font-awesome", "payment").</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dl><dt id="arg-name">name<a class="anchor" aria-label="anchor" href="#arg-name"></a></dt>
+<dd><p>Name of icon. See <a href="https://preview.tabler.io/icons.html" class="external-link">https://preview.tabler.io/icons.html</a> for all valid icons.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt id="arg-lib">lib<a class="anchor" aria-label="anchor" href="#arg-lib"></a></dt>
+<dd><p>Icon library ("feather", "font-awesome", "payment").</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerInfoCard.html b/docs/reference/tablerInfoCard.html
index 0e89ea2..3ebd25d 100644
--- a/docs/reference/tablerInfoCard.html
+++ b/docs/reference/tablerInfoCard.html
@@ -1,212 +1,122 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 info card — tablerInfoCard • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 info card — tablerInfoCard"><meta name="description" content="Build a tabler info card"><meta property="og:description" content="Build a tabler info card"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 info card — tablerInfoCard • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 info card</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/cards.R" class="external-link"><code>R/cards.R</code></a></small>
+      <div class="d-none name"><code>tablerInfoCard.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler info card</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerInfoCard</span><span class="op">(</span><span class="va">value</span>, description <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">status</span>, <span class="va">icon</span>, href <span class="op">=</span> <span class="cn">NULL</span>, width <span class="op">=</span> <span class="fl">4</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 info card — tablerInfoCard" />
-<meta property="og:description" content="Build a tabler info card" />
 
+<dl><dt id="arg-value">value<a class="anchor" aria-label="anchor" href="#arg-value"></a></dt>
+<dd><p>Card value.</p></dd>
 
 
+<dt id="arg-description">description<a class="anchor" aria-label="anchor" href="#arg-description"></a></dt>
+<dd><p>Percentage increase/decrease.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Card status. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>.</p></dd>
 
 
+<dt id="arg-icon">icon<a class="anchor" aria-label="anchor" href="#arg-icon"></a></dt>
+<dd><p>Card icon.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-href">href<a class="anchor" aria-label="anchor" href="#arg-href"></a></dt>
+<dd><p>External link.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 info card</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/cards.R'><code>R/cards.R</code></a></small>
-    <div class="hidden name"><code>tablerInfoCard.Rd</code></div>
-    </div>
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card width. 4 by default.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler info card</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerInfoCard</span><span class='op'>(</span><span class='va'>value</span>, description <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>status</span>, <span class='va'>icon</span>, href <span class='op'>=</span> <span class='cn'>NULL</span>,
-  width <span class='op'>=</span> <span class='fl'>4</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>value</th>
-      <td><p>Card value.</p></td>
-    </tr>
-    <tr>
-      <th>description</th>
-      <td><p>Percentage increase/decrease.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Card status. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Card icon.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>External link.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card width. 4 by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerInfoCard</span><span class='op'>(</span></span>
-<span class='r-in'>      value <span class='op'>=</span> <span class='st'>"132 sales"</span>,</span>
-<span class='r-in'>      status <span class='op'>=</span> <span class='st'>"danger"</span>,</span>
-<span class='r-in'>      icon <span class='op'>=</span> <span class='st'>"dollar-sign"</span>,</span>
-<span class='r-in'>      description <span class='op'>=</span> <span class='st'>"12 waiting payments"</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerInfoCard</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      value <span class="op">=</span> <span class="st">"132 sales"</span>,</span></span>
+<span class="r-in"><span>      status <span class="op">=</span> <span class="st">"danger"</span>,</span></span>
+<span class="r-in"><span>      icon <span class="op">=</span> <span class="st">"dollar-sign"</span>,</span></span>
+<span class="r-in"><span>      description <span class="op">=</span> <span class="st">"12 waiting payments"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerList.html b/docs/reference/tablerList.html
index 7b93d40..29963ea 100644
--- a/docs/reference/tablerList.html
+++ b/docs/reference/tablerList.html
@@ -1,214 +1,125 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 list container — tablerList • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 list container — tablerList"><meta name="description" content="Build a tabler list container"><meta property="og:description" content="Build a tabler list container"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 list container — tablerList • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 list container — tablerList" />
-<meta property="og:description" content="Build a tabler list container" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+      <h1>Create a Boostrap 4 list container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerList.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler list container</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerList</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  </head>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerListItem.html">tablerListItem</a>.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 list container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerList.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler list container</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerCard.html">tablerCard</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       title <span class="op">=</span> <span class="st">"tablerList"</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">tablerList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerListItem.html">tablerListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerTag.html">tablerTag</a></span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerTag.html">tablerTag</a></span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerTag.html">tablerTag</a></span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span>, color <span class="op">=</span> <span class="st">"pink"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerListItem.html">tablerListItem</a></span><span class="op">(</span><span class="fu"><a href="tablerStatus.html">tablerStatus</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerListItem.html">tablerListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerAvatarList.html">tablerAvatarList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         stacked <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>           size <span class="op">=</span> <span class="st">"xxl"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>           color <span class="op">=</span> <span class="st">"orange"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>           status <span class="op">=</span> <span class="st">"warning"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerList</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerListItem.html'>tablerListItem</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>      <span class='fu'><a href='tablerCard.html'>tablerCard</a></span><span class='op'>(</span></span>
-<span class='r-in'>       title <span class='op'>=</span> <span class='st'>"tablerList"</span>,</span>
-<span class='r-in'>       <span class='fu'>tablerList</span><span class='op'>(</span></span>
-<span class='r-in'>       <span class='fu'><a href='tablerListItem.html'>tablerListItem</a></span><span class='op'>(</span></span>
-<span class='r-in'>        <span class='fu'><a href='tablerTag.html'>tablerTag</a></span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span><span class='op'>)</span>,</span>
-<span class='r-in'>        <span class='fu'><a href='tablerTag.html'>tablerTag</a></span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,</span>
-<span class='r-in'>        <span class='fu'><a href='tablerTag.html'>tablerTag</a></span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span>, color <span class='op'>=</span> <span class='st'>"pink"</span><span class='op'>)</span></span>
-<span class='r-in'>       <span class='op'>)</span>,</span>
-<span class='r-in'>       <span class='fu'><a href='tablerListItem.html'>tablerListItem</a></span><span class='op'>(</span><span class='fu'><a href='tablerStatus.html'>tablerStatus</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span><span class='op'>)</span>,</span>
-<span class='r-in'>       <span class='fu'><a href='tablerListItem.html'>tablerListItem</a></span><span class='op'>(</span></span>
-<span class='r-in'>        <span class='fu'><a href='tablerAvatarList.html'>tablerAvatarList</a></span><span class='op'>(</span></span>
-<span class='r-in'>         stacked <span class='op'>=</span> <span class='cn'>TRUE</span>,</span>
-<span class='r-in'>         <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>           name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>           size <span class='op'>=</span> <span class='st'>"xxl"</span></span>
-<span class='r-in'>         <span class='op'>)</span>,</span>
-<span class='r-in'>         <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>           name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>           color <span class='op'>=</span> <span class='st'>"orange"</span></span>
-<span class='r-in'>         <span class='op'>)</span>,</span>
-<span class='r-in'>         <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>           name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>           status <span class='op'>=</span> <span class='st'>"warning"</span></span>
-<span class='r-in'>         <span class='op'>)</span>,</span>
-<span class='r-in'>         <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span>url <span class='op'>=</span> <span class='st'>"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class='op'>)</span></span>
-<span class='r-in'>         <span class='op'>)</span></span>
-<span class='r-in'>        <span class='op'>)</span></span>
-<span class='r-in'>       <span class='op'>)</span></span>
-<span class='r-in'>      <span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerListItem.html b/docs/reference/tablerListItem.html
index 004ddde..d092129 100644
--- a/docs/reference/tablerListItem.html
+++ b/docs/reference/tablerListItem.html
@@ -1,167 +1,76 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 list item — tablerListItem • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 list item — tablerListItem"><meta name="description" content="Build a tabler list item"><meta property="og:description" content="Build a tabler list item"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 list item — tablerListItem • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 list item — tablerListItem" />
-<meta property="og:description" content="Build a tabler list item" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Create a Boostrap 4 list item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerListItem.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 list item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerListItem.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>Build a tabler list item</p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler list item</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerListItem</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerListItem</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for any HTML element.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for any HTML element.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerMediaCard.html b/docs/reference/tablerMediaCard.html
index 28e7762..0a07207 100644
--- a/docs/reference/tablerMediaCard.html
+++ b/docs/reference/tablerMediaCard.html
@@ -1,218 +1,136 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 media card — tablerMediaCard • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 media card — tablerMediaCard"><meta name="description" content="Build a tabler media card"><meta property="og:description" content="Build a tabler media card"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 media card — tablerMediaCard • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 media card</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/cards.R" class="external-link"><code>R/cards.R</code></a></small>
+      <div class="d-none name"><code>tablerMediaCard.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler media card</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerMediaCard</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  date <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  href <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  src <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  avatarUrl <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  width <span class="op">=</span> <span class="fl">4</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 media card — tablerMediaCard" />
-<meta property="og:description" content="Build a tabler media card" />
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Any other elements.</p></dd>
 
 
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Title.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-date">date<a class="anchor" aria-label="anchor" href="#arg-date"></a></dt>
+<dd><p>Date.</p></dd>
 
 
+<dt id="arg-href">href<a class="anchor" aria-label="anchor" href="#arg-href"></a></dt>
+<dd><p>External link.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-src">src<a class="anchor" aria-label="anchor" href="#arg-src"></a></dt>
+<dd><p>Image url.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 media card</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/cards.R'><code>R/cards.R</code></a></small>
-    <div class="hidden name"><code>tablerMediaCard.Rd</code></div>
-    </div>
+<dt id="arg-avatarurl">avatarUrl<a class="anchor" aria-label="anchor" href="#arg-avatarurl"></a></dt>
+<dd><p>Avatar image.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler media card</p>
+
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card width. 4 by default.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerMediaCard</span><span class='op'>(</span><span class='va'>...</span>, title <span class='op'>=</span> <span class='cn'>NULL</span>, date <span class='op'>=</span> <span class='cn'>NULL</span>, href <span class='op'>=</span> <span class='cn'>NULL</span>,
-  src <span class='op'>=</span> <span class='cn'>NULL</span>, avatarUrl <span class='op'>=</span> <span class='cn'>NULL</span>, width <span class='op'>=</span> <span class='fl'>4</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Any other elements.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Title.</p></td>
-    </tr>
-    <tr>
-      <th>date</th>
-      <td><p>Date.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>External link.</p></td>
-    </tr>
-    <tr>
-      <th>src</th>
-      <td><p>Image url.</p></td>
-    </tr>
-    <tr>
-      <th>avatarUrl</th>
-      <td><p>Avatar image.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card width. 4 by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerMediaCard</span><span class='op'>(</span></span>
-<span class='r-in'>      title <span class='op'>=</span> <span class='st'>"Media Card"</span>,</span>
-<span class='r-in'>      date <span class='op'>=</span> <span class='st'>"Today"</span>,</span>
-<span class='r-in'>      href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span>,</span>
-<span class='r-in'>      src <span class='op'>=</span> <span class='st'>"https://preview.tabler.io/demo/photos/matt-barrett-339981-500.jpg"</span>,</span>
-<span class='r-in'>      avatarUrl <span class='op'>=</span> <span class='st'>"https://image.flaticon.com/icons/svg/145/145842.svg"</span>,</span>
-<span class='r-in'>      width <span class='op'>=</span> <span class='fl'>6</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerMediaCard</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Media Card"</span>,</span></span>
+<span class="r-in"><span>      date <span class="op">=</span> <span class="st">"Today"</span>,</span></span>
+<span class="r-in"><span>      href <span class="op">=</span> <span class="st">"https://www.google.com"</span>,</span></span>
+<span class="r-in"><span>      src <span class="op">=</span> <span class="st">"https://preview.tabler.io/demo/photos/matt-barrett-339981-500.jpg"</span>,</span></span>
+<span class="r-in"><span>      avatarUrl <span class="op">=</span> <span class="st">"https://image.flaticon.com/icons/svg/145/145842.svg"</span>,</span></span>
+<span class="r-in"><span>      width <span class="op">=</span> <span class="fl">6</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerNavMenu.html b/docs/reference/tablerNavMenu.html
index 45cb90b..4fba867 100644
--- a/docs/reference/tablerNavMenu.html
+++ b/docs/reference/tablerNavMenu.html
@@ -1,167 +1,76 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard navbar menu — tablerNavMenu • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard navbar menu — tablerNavMenu"><meta name="description" content="Build a tabler dashboard main navbar menu"><meta property="og:description" content="Build a tabler dashboard main navbar menu"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard navbar menu — tablerNavMenu • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 dashboard navbar menu — tablerNavMenu" />
-<meta property="og:description" content="Build a tabler dashboard main navbar menu" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Create a Boostrap 4 dashboard navbar menu</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardNavbar.R" class="external-link"><code>R/dashboardNavbar.R</code></a></small>
+      <div class="d-none name"><code>tablerNavMenu.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard navbar menu</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardNavbar.R'><code>R/dashboardNavbar.R</code></a></small>
-    <div class="hidden name"><code>tablerNavMenu.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard main navbar menu</p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard main navbar menu</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerNavMenu</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerNavMenu</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerNavMenuItem.html'>tablerNavMenuItem</a>.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerNavMenuItem.html">tablerNavMenuItem</a>.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerNavMenuItem.html b/docs/reference/tablerNavMenuItem.html
index 71786c7..08bed7a 100644
--- a/docs/reference/tablerNavMenuItem.html
+++ b/docs/reference/tablerNavMenuItem.html
@@ -1,175 +1,84 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 dashboard navbar menu item — tablerNavMenuItem • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 dashboard navbar menu item — tablerNavMenuItem"><meta name="description" content="Build a tabler dashboard navbar menu item"><meta property="og:description" content="Build a tabler dashboard navbar menu item"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 dashboard navbar menu item — tablerNavMenuItem • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 dashboard navbar menu item — tablerNavMenuItem" />
-<meta property="og:description" content="Build a tabler dashboard navbar menu item" />
 
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 dashboard navbar menu item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardNavbar.R" class="external-link"><code>R/dashboardNavbar.R</code></a></small>
+      <div class="d-none name"><code>tablerNavMenuItem.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler dashboard navbar menu item</p>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerNavMenuItem</span><span class="op">(</span><span class="va">...</span>, tabName <span class="op">=</span> <span class="cn">NULL</span>, icon <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Item name.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-tabname">tabName<a class="anchor" aria-label="anchor" href="#arg-tabname"></a></dt>
+<dd><p>Should correspond exactly to the tabName given in <code><a href="tablerTabItem.html">tablerTabItem</a></code>.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 dashboard navbar menu item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardNavbar.R'><code>R/dashboardNavbar.R</code></a></small>
-    <div class="hidden name"><code>tablerNavMenuItem.Rd</code></div>
-    </div>
+<dt id="arg-icon">icon<a class="anchor" aria-label="anchor" href="#arg-icon"></a></dt>
+<dd><p>Item icon.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler dashboard navbar menu item</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerNavMenuItem</span><span class='op'>(</span><span class='va'>...</span>, tabName <span class='op'>=</span> <span class='cn'>NULL</span>, icon <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Item name.</p></td>
-    </tr>
-    <tr>
-      <th>tabName</th>
-      <td><p>Should correspond exactly to the tabName given in <code><a href='tablerTabItem.html'>tablerTabItem</a></code>.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Item icon.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerProfileCard.html b/docs/reference/tablerProfileCard.html
index f2dcd79..1d472c7 100644
--- a/docs/reference/tablerProfileCard.html
+++ b/docs/reference/tablerProfileCard.html
@@ -1,225 +1,142 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 profile card — tablerProfileCard • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 profile card — tablerProfileCard"><meta name="description" content="Build a tabler profile card"><meta property="og:description" content="Build a tabler profile card"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 profile card — tablerProfileCard • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 profile card</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/cards.R" class="external-link"><code>R/cards.R</code></a></small>
+      <div class="d-none name"><code>tablerProfileCard.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler profile card</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerProfileCard</span><span class="op">(</span></span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  subtitle <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  background <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  src <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  socials <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  width <span class="op">=</span> <span class="fl">4</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 profile card — tablerProfileCard" />
-<meta property="og:description" content="Build a tabler profile card" />
 
+<dl><dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Profile title.</p></dd>
 
 
+<dt id="arg-subtitle">subtitle<a class="anchor" aria-label="anchor" href="#arg-subtitle"></a></dt>
+<dd><p>Card subtitle.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-background">background<a class="anchor" aria-label="anchor" href="#arg-background"></a></dt>
+<dd><p>Card background url or path.</p></dd>
 
 
+<dt id="arg-src">src<a class="anchor" aria-label="anchor" href="#arg-src"></a></dt>
+<dd><p>User profile image.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-socials">socials<a class="anchor" aria-label="anchor" href="#arg-socials"></a></dt>
+<dd><p>Slot for <a href="tablerSocialLinks.html">tablerSocialLinks</a> and <a href="tablerSocialLink.html">tablerSocialLink</a>.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 profile card</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/cards.R'><code>R/cards.R</code></a></small>
-    <div class="hidden name"><code>tablerProfileCard.Rd</code></div>
-    </div>
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card width. 4 by default.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler profile card</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerProfileCard</span><span class='op'>(</span>title <span class='op'>=</span> <span class='cn'>NULL</span>, subtitle <span class='op'>=</span> <span class='cn'>NULL</span>, background <span class='op'>=</span> <span class='cn'>NULL</span>,
-  src <span class='op'>=</span> <span class='cn'>NULL</span>, socials <span class='op'>=</span> <span class='cn'>NULL</span>, width <span class='op'>=</span> <span class='fl'>4</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>title</th>
-      <td><p>Profile title.</p></td>
-    </tr>
-    <tr>
-      <th>subtitle</th>
-      <td><p>Card subtitle.</p></td>
-    </tr>
-    <tr>
-      <th>background</th>
-      <td><p>Card background url or path.</p></td>
-    </tr>
-    <tr>
-      <th>src</th>
-      <td><p>User profile image.</p></td>
-    </tr>
-    <tr>
-      <th>socials</th>
-      <td><p>Slot for <a href='tablerSocialLinks.html'>tablerSocialLinks</a> and <a href='tablerSocialLink.html'>tablerSocialLink</a>.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card width. 4 by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerProfileCard</span><span class='op'>(</span></span>
-<span class='r-in'>      title <span class='op'>=</span> <span class='st'>"Peter Richards"</span>,</span>
-<span class='r-in'>      subtitle <span class='op'>=</span> <span class='st'>"Big belly rude boy, million</span>
-<span class='r-in'>      dollar hustler. Unemployed."</span>,</span>
-<span class='r-in'>      background <span class='op'>=</span> <span class='st'>"https://preview.tabler.io/demo/photos/ilnur-kalimullin-218996-500.jpg"</span>,</span>
-<span class='r-in'>      src <span class='op'>=</span> <span class='st'>"https://preview.tabler.io/demo/faces/male/16.jpg"</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='tablerSocialLinks.html'>tablerSocialLinks</a></span><span class='op'>(</span></span>
-<span class='r-in'>       <span class='fu'><a href='tablerSocialLink.html'>tablerSocialLink</a></span><span class='op'>(</span></span>
-<span class='r-in'>        name <span class='op'>=</span> <span class='st'>"facebook"</span>,</span>
-<span class='r-in'>        href <span class='op'>=</span> <span class='st'>"https://www.facebook.com"</span>,</span>
-<span class='r-in'>        icon <span class='op'>=</span> <span class='st'>"facebook"</span></span>
-<span class='r-in'>       <span class='op'>)</span>,</span>
-<span class='r-in'>       <span class='fu'><a href='tablerSocialLink.html'>tablerSocialLink</a></span><span class='op'>(</span></span>
-<span class='r-in'>        name <span class='op'>=</span> <span class='st'>"twitter"</span>,</span>
-<span class='r-in'>        href <span class='op'>=</span> <span class='st'>"https://www.twitter.com"</span>,</span>
-<span class='r-in'>        icon <span class='op'>=</span> <span class='st'>"twitter"</span></span>
-<span class='r-in'>       <span class='op'>)</span></span>
-<span class='r-in'>      <span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerProfileCard</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Peter Richards"</span>,</span></span>
+<span class="r-in"><span>      subtitle <span class="op">=</span> <span class="st">"Big belly rude boy, million</span></span></span>
+<span class="r-in"><span><span class="st">      dollar hustler. Unemployed."</span>,</span></span>
+<span class="r-in"><span>      background <span class="op">=</span> <span class="st">"https://preview.tabler.io/demo/photos/ilnur-kalimullin-218996-500.jpg"</span>,</span></span>
+<span class="r-in"><span>      src <span class="op">=</span> <span class="st">"https://preview.tabler.io/demo/faces/male/16.jpg"</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerSocialLinks.html">tablerSocialLinks</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerSocialLink.html">tablerSocialLink</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        name <span class="op">=</span> <span class="st">"facebook"</span>,</span></span>
+<span class="r-in"><span>        href <span class="op">=</span> <span class="st">"https://www.facebook.com"</span>,</span></span>
+<span class="r-in"><span>        icon <span class="op">=</span> <span class="st">"facebook"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerSocialLink.html">tablerSocialLink</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        name <span class="op">=</span> <span class="st">"twitter"</span>,</span></span>
+<span class="r-in"><span>        href <span class="op">=</span> <span class="st">"https://www.twitter.com"</span>,</span></span>
+<span class="r-in"><span>        icon <span class="op">=</span> <span class="st">"twitter"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerProgress.html b/docs/reference/tablerProgress.html
index f6bca19..1503880 100644
--- a/docs/reference/tablerProgress.html
+++ b/docs/reference/tablerProgress.html
@@ -1,195 +1,106 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 progress bar — tablerProgress • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 progress bar — tablerProgress"><meta name="description" content="Build a tabler progress bar"><meta property="og:description" content="Build a tabler progress bar"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 progress bar — tablerProgress • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 progress bar — tablerProgress" />
-<meta property="og:description" content="Build a tabler progress bar" />
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 progress bar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerProgress.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler progress bar</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerProgress</span><span class="op">(</span><span class="va">value</span>, status <span class="op">=</span> <span class="cn">NULL</span>, size <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dl><dt id="arg-value">value<a class="anchor" aria-label="anchor" href="#arg-value"></a></dt>
+<dd><p>Progress value.</p></dd>
 
 
-  </head>
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Progress status. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dt id="arg-size">size<a class="anchor" aria-label="anchor" href="#arg-size"></a></dt>
+<dd><p>Progress bar size: NULL, "xs", "sm", "md".</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 progress bar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerProgress.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler progress bar</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu">tablerProgress</span><span class="op">(</span>value <span class="op">=</span> <span class="fl">10</span>, size <span class="op">=</span> <span class="st">"xs"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu">tablerProgress</span><span class="op">(</span>value <span class="op">=</span> <span class="fl">90</span>, status <span class="op">=</span> <span class="st">"red"</span>, size <span class="op">=</span> <span class="st">"sm"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerProgress</span><span class='op'>(</span><span class='va'>value</span>, status <span class='op'>=</span> <span class='cn'>NULL</span>, size <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>value</th>
-      <td><p>Progress value.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Progress status. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>size</th>
-      <td><p>Progress bar size: NULL, "xs", "sm", "md".</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>      <span class='fu'>tablerProgress</span><span class='op'>(</span>value <span class='op'>=</span> <span class='fl'>10</span>, size <span class='op'>=</span> <span class='st'>"xs"</span><span class='op'>)</span>,</span>
-<span class='r-in'>      <span class='fu'>tablerProgress</span><span class='op'>(</span>value <span class='op'>=</span> <span class='fl'>90</span>, status <span class='op'>=</span> <span class='st'>"red"</span>, size <span class='op'>=</span> <span class='st'>"sm"</span><span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerSocialLink.html b/docs/reference/tablerSocialLink.html
index 9c36671..92602d4 100644
--- a/docs/reference/tablerSocialLink.html
+++ b/docs/reference/tablerSocialLink.html
@@ -1,175 +1,84 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 social link — tablerSocialLink • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 social link — tablerSocialLink"><meta name="description" content="Build a tabler social link"><meta property="og:description" content="Build a tabler social link"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 social link — tablerSocialLink • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 social link — tablerSocialLink" />
-<meta property="og:description" content="Build a tabler social link" />
 
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 social link</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerSocialLink.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler social link</p>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerSocialLink</span><span class="op">(</span>name <span class="op">=</span> <span class="cn">NULL</span>, href <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">icon</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg-name">name<a class="anchor" aria-label="anchor" href="#arg-name"></a></dt>
+<dd><p>Link tooltip name.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-href">href<a class="anchor" aria-label="anchor" href="#arg-href"></a></dt>
+<dd><p>External link.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 social link</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerSocialLink.Rd</code></div>
-    </div>
+<dt id="arg-icon">icon<a class="anchor" aria-label="anchor" href="#arg-icon"></a></dt>
+<dd><p>Icon (font awesome).</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler social link</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerSocialLink</span><span class='op'>(</span>name <span class='op'>=</span> <span class='cn'>NULL</span>, href <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>icon</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>name</th>
-      <td><p>Link tooltip name.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>External link.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Icon (font awesome).</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerSocialLinks.html b/docs/reference/tablerSocialLinks.html
index a2a0538..6b2de44 100644
--- a/docs/reference/tablerSocialLinks.html
+++ b/docs/reference/tablerSocialLinks.html
@@ -1,197 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 social link list — tablerSocialLinks • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 social link list — tablerSocialLinks"><meta name="description" content="Build a tabler social link list"><meta property="og:description" content="Build a tabler social link list"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 social link list — tablerSocialLinks • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 social link list — tablerSocialLinks" />
-<meta property="og:description" content="Build a tabler social link list" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+      <h1>Create a Boostrap 4 social link list</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerSocialLinks.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler social link list</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerSocialLinks</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  </head>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerSocialLink.html">tablerSocialLink</a>.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 social link list</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerSocialLinks.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler social link list</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerSocialLinks</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerSocialLink.html">tablerSocialLink</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        name <span class="op">=</span> <span class="st">"facebook"</span>,</span></span>
+<span class="r-in"><span>        href <span class="op">=</span> <span class="st">"https://www.facebook.com"</span>,</span></span>
+<span class="r-in"><span>        icon <span class="op">=</span> <span class="st">"facebook"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerSocialLink.html">tablerSocialLink</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        name <span class="op">=</span> <span class="st">"twitter"</span>,</span></span>
+<span class="r-in"><span>        href <span class="op">=</span> <span class="st">"https://www.twitter.com"</span>,</span></span>
+<span class="r-in"><span>        icon <span class="op">=</span> <span class="st">"twitter"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerSocialLinks</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerSocialLink.html'>tablerSocialLink</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerSocialLinks</span><span class='op'>(</span></span>
-<span class='r-in'>       <span class='fu'><a href='tablerSocialLink.html'>tablerSocialLink</a></span><span class='op'>(</span></span>
-<span class='r-in'>        name <span class='op'>=</span> <span class='st'>"facebook"</span>,</span>
-<span class='r-in'>        href <span class='op'>=</span> <span class='st'>"https://www.facebook.com"</span>,</span>
-<span class='r-in'>        icon <span class='op'>=</span> <span class='st'>"facebook"</span></span>
-<span class='r-in'>       <span class='op'>)</span>,</span>
-<span class='r-in'>       <span class='fu'><a href='tablerSocialLink.html'>tablerSocialLink</a></span><span class='op'>(</span></span>
-<span class='r-in'>        name <span class='op'>=</span> <span class='st'>"twitter"</span>,</span>
-<span class='r-in'>        href <span class='op'>=</span> <span class='st'>"https://www.twitter.com"</span>,</span>
-<span class='r-in'>        icon <span class='op'>=</span> <span class='st'>"twitter"</span></span>
-<span class='r-in'>       <span class='op'>)</span></span>
-<span class='r-in'>      <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerStatCard.html b/docs/reference/tablerStatCard.html
index 4136456..7494929 100644
--- a/docs/reference/tablerStatCard.html
+++ b/docs/reference/tablerStatCard.html
@@ -1,202 +1,113 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 stat card — tablerStatCard • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 stat card — tablerStatCard"><meta name="description" content="Build a tabler stat card"><meta property="og:description" content="Build a tabler stat card"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4  stat card — tablerStatCard • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 stat card</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/cards.R" class="external-link"><code>R/cards.R</code></a></small>
+      <div class="d-none name"><code>tablerStatCard.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler stat card</p>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerStatCard</span><span class="op">(</span><span class="va">value</span>, <span class="va">title</span>, trend <span class="op">=</span> <span class="cn">NULL</span>, width <span class="op">=</span> <span class="fl">3</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<meta property="og:title" content="Create a Boostrap 4  stat card — tablerStatCard" />
-<meta property="og:description" content="Build a tabler stat card" />
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg-value">value<a class="anchor" aria-label="anchor" href="#arg-value"></a></dt>
+<dd><p>Card value.</p></dd>
 
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Card title.</p></dd>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dt id="arg-trend">trend<a class="anchor" aria-label="anchor" href="#arg-trend"></a></dt>
+<dd><p>Percentage increase/decrease.</p></dd>
 
 
-  </head>
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card width. 3 by default.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4  stat card</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/cards.R'><code>R/cards.R</code></a></small>
-    <div class="hidden name"><code>tablerStatCard.Rd</code></div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerStatCard</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      value <span class="op">=</span> <span class="fl">43</span>,</span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Followers"</span>,</span></span>
+<span class="r-in"><span>      trend <span class="op">=</span> <span class="op">-</span><span class="fl">10</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <div class="ref-description">
-    <p>Build a tabler stat card</p>
-    </div>
-
-    <pre class="usage"><span class='fu'>tablerStatCard</span><span class='op'>(</span><span class='va'>value</span>, <span class='va'>title</span>, trend <span class='op'>=</span> <span class='cn'>NULL</span>, width <span class='op'>=</span> <span class='fl'>3</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>value</th>
-      <td><p>Card value.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Card title.</p></td>
-    </tr>
-    <tr>
-      <th>trend</th>
-      <td><p>Percentage increase/decrease.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card width. 3 by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerStatCard</span><span class='op'>(</span></span>
-<span class='r-in'>      value <span class='op'>=</span> <span class='fl'>43</span>,</span>
-<span class='r-in'>      title <span class='op'>=</span> <span class='st'>"Followers"</span>,</span>
-<span class='r-in'>      trend <span class='op'>=</span> <span class='op'>-</span><span class='fl'>10</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerStatus.html b/docs/reference/tablerStatus.html
index 6bffc63..fbcd05a 100644
--- a/docs/reference/tablerStatus.html
+++ b/docs/reference/tablerStatus.html
@@ -1,186 +1,97 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 status — tablerStatus • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 status — tablerStatus"><meta name="description" content="Build a tabler status"><meta property="og:description" content="Build a tabler status"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 status — tablerStatus • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 status — tablerStatus" />
-<meta property="og:description" content="Build a tabler status" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+      <h1>Create a Boostrap 4 status</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerStatus.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler status</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerStatus</span><span class="op">(</span><span class="va">color</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  </head>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dl><dt id="arg-color">color<a class="anchor" aria-label="anchor" href="#arg-color"></a></dt>
+<dd><p>Status color. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 status</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerStatus.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler status</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerStatus</span><span class="op">(</span>color <span class="op">=</span> <span class="st">"lime"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerStatus</span><span class='op'>(</span><span class='va'>color</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>color</th>
-      <td><p>Status color. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerStatus</span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"lime"</span><span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTabItem.html b/docs/reference/tablerTabItem.html
index aa19e97..6ae3986 100644
--- a/docs/reference/tablerTabItem.html
+++ b/docs/reference/tablerTabItem.html
@@ -1,169 +1,77 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>One tab to put inside a tab items container — tablerTabItem • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="One tab to put inside a tab items container — tablerTabItem"><meta name="description" content="One tab to put inside a tab items container"><meta property="og:description" content="One tab to put inside a tab items container"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>One tab to put inside a tab items container — tablerTabItem • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="One tab to put inside a tab items container — tablerTabItem" />
-<meta property="og:description" content="One tab to put inside a tab items container" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>One tab to put inside a tab items container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardBody.R" class="external-link"><code>R/dashboardBody.R</code></a></small>
+      <div class="d-none name"><code>tablerTabItem.Rd</code></div>
+    </div>
 
-  </head>
+    <div class="ref-description section level2">
+    <p>One tab to put inside a tab items container</p>
+    </div>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTabItem</span><span class="op">(</span>tabName <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>One tab to put inside a tab items container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardBody.R'><code>R/dashboardBody.R</code></a></small>
-    <div class="hidden name"><code>tablerTabItem.Rd</code></div>
-    </div>
 
-    <div class="ref-description">
-    <p>One tab to put inside a tab items container</p>
-    </div>
+<dl><dt id="arg-tabname">tabName<a class="anchor" aria-label="anchor" href="#arg-tabname"></a></dt>
+<dd><p>The name of a tab. This must correspond to the <code>tabName</code>
+of a <code><a href="tablerNavMenuItem.html">tablerNavMenuItem</a></code>.</p></dd>
 
-    <pre class="usage"><span class='fu'>tablerTabItem</span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>...</span><span class='op'>)</span></pre>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tabName</th>
-      <td><p>The name of a tab. This must correspond to the <code>tabName</code>
-of a <code><a href='tablerNavMenuItem.html'>tablerNavMenuItem</a></code>.</p></td>
-    </tr>
-    <tr>
-      <th>...</th>
-      <td><p>Contents of the tab.</p></td>
-    </tr>
-    </table>
+<dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Contents of the tab.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTabItems.html b/docs/reference/tablerTabItems.html
index dcc46c3..ca82667 100644
--- a/docs/reference/tablerTabItems.html
+++ b/docs/reference/tablerTabItems.html
@@ -1,165 +1,73 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>A container for tab items — tablerTabItems • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="A container for tab items — tablerTabItems"><meta name="description" content="A container for tab items"><meta property="og:description" content="A container for tab items"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>A container for tab items — tablerTabItems • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="A container for tab items — tablerTabItems" />
-<meta property="og:description" content="A container for tab items" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>A container for tab items</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/dashboardBody.R" class="external-link"><code>R/dashboardBody.R</code></a></small>
+      <div class="d-none name"><code>tablerTabItems.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>A container for tab items</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/dashboardBody.R'><code>R/dashboardBody.R</code></a></small>
-    <div class="hidden name"><code>tablerTabItems.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>A container for tab items</p>
     </div>
 
-    <div class="ref-description">
-    <p>A container for tab items</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTabItems</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerTabItems</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Items to put in the container. Each item should be a
-<code><a href='tablerTabItem.html'>tablerTabItem</a></code>.</p></td>
-    </tr>
-    </table>
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Items to put in the container. Each item should be a
+<code><a href="tablerTabItem.html">tablerTabItem</a></code>.</p></dd>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+</dl></div>
+
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTable.html b/docs/reference/tablerTable.html
index ea771d4..c5739b9 100644
--- a/docs/reference/tablerTable.html
+++ b/docs/reference/tablerTable.html
@@ -1,219 +1,130 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 table container — tablerTable • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 table container — tablerTable"><meta name="description" content="Build a tabler table container"><meta property="og:description" content="Build a tabler table container"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 table container — tablerTable • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 table container — tablerTable" />
-<meta property="og:description" content="Build a tabler table container" />
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 table container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerTable.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler table container</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTable</span><span class="op">(</span><span class="va">...</span>, title <span class="op">=</span> <span class="cn">NULL</span>, width <span class="op">=</span> <span class="fl">4</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerTableItem.html">tablerTableItem</a>.</p></dd>
 
 
-  </head>
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Card wrapper title.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dt id="arg-width">width<a class="anchor" aria-label="anchor" href="#arg-width"></a></dt>
+<dd><p>Card wrapper width.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 table container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerTable.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler table container</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="fu">tablerTable</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"tablerTable"</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerTableItem.html">tablerTableItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         left <span class="op">=</span> <span class="fu"><a href="tablerTag.html">tablerTag</a></span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         right <span class="op">=</span> <span class="fu"><a href="tablerTag.html">tablerTag</a></span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerTableItem.html">tablerTableItem</a></span><span class="op">(</span>right <span class="op">=</span> <span class="fu"><a href="tablerStatus.html">tablerStatus</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="tablerTableItem.html">tablerTableItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         left <span class="op">=</span> <span class="fu"><a href="tablerAvatarList.html">tablerAvatarList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          stacked <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>           size <span class="op">=</span> <span class="st">"xxl"</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>           color <span class="op">=</span> <span class="st">"orange"</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           name <span class="op">=</span> <span class="st">"DG"</span>,</span></span>
+<span class="r-in"><span>           status <span class="op">=</span> <span class="st">"warning"</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="tablerAvatar.html">tablerAvatar</a></span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerTable</span><span class='op'>(</span><span class='va'>...</span>, title <span class='op'>=</span> <span class='cn'>NULL</span>, width <span class='op'>=</span> <span class='fl'>4</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerTableItem.html'>tablerTableItem</a>.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Card wrapper title.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>Card wrapper width.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>       <span class='fu'>tablerTable</span><span class='op'>(</span></span>
-<span class='r-in'>        title <span class='op'>=</span> <span class='st'>"tablerTable"</span>,</span>
-<span class='r-in'>        <span class='fu'><a href='tablerTableItem.html'>tablerTableItem</a></span><span class='op'>(</span></span>
-<span class='r-in'>         left <span class='op'>=</span> <span class='fu'><a href='tablerTag.html'>tablerTag</a></span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span><span class='op'>)</span>,</span>
-<span class='r-in'>         right <span class='op'>=</span> <span class='fu'><a href='tablerTag.html'>tablerTag</a></span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span></span>
-<span class='r-in'>        <span class='op'>)</span>,</span>
-<span class='r-in'>        <span class='fu'><a href='tablerTableItem.html'>tablerTableItem</a></span><span class='op'>(</span>right <span class='op'>=</span> <span class='fu'><a href='tablerStatus.html'>tablerStatus</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span><span class='op'>)</span>,</span>
-<span class='r-in'>        <span class='fu'><a href='tablerTableItem.html'>tablerTableItem</a></span><span class='op'>(</span></span>
-<span class='r-in'>         left <span class='op'>=</span> <span class='fu'><a href='tablerAvatarList.html'>tablerAvatarList</a></span><span class='op'>(</span></span>
-<span class='r-in'>          stacked <span class='op'>=</span> <span class='cn'>TRUE</span>,</span>
-<span class='r-in'>          <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>           name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>           size <span class='op'>=</span> <span class='st'>"xxl"</span></span>
-<span class='r-in'>          <span class='op'>)</span>,</span>
-<span class='r-in'>          <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>           name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>           color <span class='op'>=</span> <span class='st'>"orange"</span></span>
-<span class='r-in'>          <span class='op'>)</span>,</span>
-<span class='r-in'>          <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span></span>
-<span class='r-in'>           name <span class='op'>=</span> <span class='st'>"DG"</span>,</span>
-<span class='r-in'>           status <span class='op'>=</span> <span class='st'>"warning"</span></span>
-<span class='r-in'>          <span class='op'>)</span>,</span>
-<span class='r-in'>          <span class='fu'><a href='tablerAvatar.html'>tablerAvatar</a></span><span class='op'>(</span>url <span class='op'>=</span> <span class='st'>"https://image.flaticon.com/icons/svg/145/145852.svg"</span><span class='op'>)</span></span>
-<span class='r-in'>          <span class='op'>)</span></span>
-<span class='r-in'>         <span class='op'>)</span></span>
-<span class='r-in'>       <span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTableItem.html b/docs/reference/tablerTableItem.html
index 14b7121..5c46db3 100644
--- a/docs/reference/tablerTableItem.html
+++ b/docs/reference/tablerTableItem.html
@@ -1,171 +1,80 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 table item — tablerTableItem • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 table item — tablerTableItem"><meta name="description" content="Build a tabler table item"><meta property="og:description" content="Build a tabler table item"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 table item — tablerTableItem • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 table item — tablerTableItem" />
-<meta property="og:description" content="Build a tabler table item" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+      <h1>Create a Boostrap 4 table item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerTableItem.Rd</code></div>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
-
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 table item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerTableItem.Rd</code></div>
+    <div class="ref-description section level2">
+    <p>Build a tabler table item</p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler table item</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTableItem</span><span class="op">(</span>left <span class="op">=</span> <span class="cn">NULL</span>, right <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerTableItem</span><span class='op'>(</span>left <span class='op'>=</span> <span class='cn'>NULL</span>, right <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>left</th>
-      <td><p>Left elements.</p></td>
-    </tr>
-    <tr>
-      <th>right</th>
-      <td><p>Right elements.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dl><dt id="arg-left">left<a class="anchor" aria-label="anchor" href="#arg-left"></a></dt>
+<dd><p>Left elements.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt id="arg-right">right<a class="anchor" aria-label="anchor" href="#arg-right"></a></dt>
+<dd><p>Right elements.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTag.html b/docs/reference/tablerTag.html
index b965068..8ad91bc 100644
--- a/docs/reference/tablerTag.html
+++ b/docs/reference/tablerTag.html
@@ -1,217 +1,134 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 tag — tablerTag • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 tag — tablerTag"><meta name="description" content="Build a tabler tag"><meta property="og:description" content="Build a tabler tag"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 tag — tablerTag • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      <h1>Create a Boostrap 4 tag</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerTag.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler tag</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTag</span><span class="op">(</span></span>
+<span>  <span class="va">name</span>,</span>
+<span>  href <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  rounded <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  color <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  addon <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  addonColor <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-<meta property="og:title" content="Create a Boostrap 4 tag — tablerTag" />
-<meta property="og:description" content="Build a tabler tag" />
 
+<dl><dt id="arg-name">name<a class="anchor" aria-label="anchor" href="#arg-name"></a></dt>
+<dd><p>Tag name.</p></dd>
 
 
+<dt id="arg-href">href<a class="anchor" aria-label="anchor" href="#arg-href"></a></dt>
+<dd><p>Tag external link.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<dt id="arg-rounded">rounded<a class="anchor" aria-label="anchor" href="#arg-rounded"></a></dt>
+<dd><p>Whether the tag is rounded. FALSE by default.</p></dd>
 
 
+<dt id="arg-color">color<a class="anchor" aria-label="anchor" href="#arg-color"></a></dt>
+<dd><p>Tag color. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-addon">addon<a class="anchor" aria-label="anchor" href="#arg-addon"></a></dt>
+<dd><p>Tag addon (right side).</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 tag</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerTag.Rd</code></div>
-    </div>
+<dt id="arg-addoncolor">addonColor<a class="anchor" aria-label="anchor" href="#arg-addoncolor"></a></dt>
+<dd><p>Addon background color. See <a href="https://preview.tabler.io/docs/colors.html" class="external-link">https://preview.tabler.io/docs/colors.html</a>.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a tabler tag</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>tablerTag</span><span class='op'>(</span><span class='va'>name</span>, href <span class='op'>=</span> <span class='cn'>NULL</span>, rounded <span class='op'>=</span> <span class='cn'>FALSE</span>, color <span class='op'>=</span> <span class='cn'>NULL</span>,
-  addon <span class='op'>=</span> <span class='cn'>NULL</span>, addonColor <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>name</th>
-      <td><p>Tag name.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>Tag external link.</p></td>
-    </tr>
-    <tr>
-      <th>rounded</th>
-      <td><p>Whether the tag is rounded. FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>Tag color. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>addon</th>
-      <td><p>Tag addon (right side).</p></td>
-    </tr>
-    <tr>
-      <th>addonColor</th>
-      <td><p>Addon background color. See <a href='https://preview.tabler.io/docs/colors.html'>https://preview.tabler.io/docs/colors.html</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerTag</span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span><span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerTag</span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerTag</span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"Tag"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span>, color <span class='op'>=</span> <span class='st'>"pink"</span><span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerTag</span><span class='op'>(</span></span>
-<span class='r-in'>      name <span class='op'>=</span> <span class='st'>"npm"</span>,</span>
-<span class='r-in'>      href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span>,</span>
-<span class='r-in'>      color <span class='op'>=</span> <span class='st'>"dark"</span>,</span>
-<span class='r-in'>      addon <span class='op'>=</span> <span class='st'>"passing"</span>,</span>
-<span class='r-in'>      addonColor <span class='op'>=</span> <span class='st'>"warning"</span></span>
-<span class='r-in'>     <span class='op'>)</span>,</span>
-<span class='r-in'>     <span class='fu'>tablerTag</span><span class='op'>(</span>name <span class='op'>=</span> <span class='st'>"build"</span>, addon <span class='op'>=</span> <span class='st'>"passing"</span>, addonColor <span class='op'>=</span> <span class='st'>"success"</span><span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerTag</span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerTag</span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerTag</span><span class="op">(</span>name <span class="op">=</span> <span class="st">"Tag"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span>, color <span class="op">=</span> <span class="st">"pink"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerTag</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      name <span class="op">=</span> <span class="st">"npm"</span>,</span></span>
+<span class="r-in"><span>      href <span class="op">=</span> <span class="st">"https://www.google.com"</span>,</span></span>
+<span class="r-in"><span>      color <span class="op">=</span> <span class="st">"dark"</span>,</span></span>
+<span class="r-in"><span>      addon <span class="op">=</span> <span class="st">"passing"</span>,</span></span>
+<span class="r-in"><span>      addonColor <span class="op">=</span> <span class="st">"warning"</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">tablerTag</span><span class="op">(</span>name <span class="op">=</span> <span class="st">"build"</span>, addon <span class="op">=</span> <span class="st">"passing"</span>, addonColor <span class="op">=</span> <span class="st">"success"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTagList.html b/docs/reference/tablerTagList.html
index a4733bd..9ec378b 100644
--- a/docs/reference/tablerTagList.html
+++ b/docs/reference/tablerTagList.html
@@ -1,190 +1,101 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 tag list — tablerTagList • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 tag list — tablerTagList"><meta name="description" content="Build a tabler tag list"><meta property="og:description" content="Build a tabler tag list"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 tag list — tablerTagList • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 tag list — tablerTagList" />
-<meta property="og:description" content="Build a tabler tag list" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+      <h1>Create a Boostrap 4 tag list</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerTagList.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler tag list</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTagList</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  </head>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Slot for <a href="tablerTag.html">tablerTag</a>.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 tag list</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerTagList.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler tag list</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerTagList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span>X <span class="op">=</span> <span class="fl">1</span><span class="op">:</span><span class="fl">5</span>, FUN <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="tablerTag.html">tablerTag</a></span><span class="op">(</span>name <span class="op">=</span> <span class="va">i</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerTagList</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='tablerTag.html'>tablerTag</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerTagList</span><span class='op'>(</span></span>
-<span class='r-in'>      <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span>X <span class='op'>=</span> <span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>, FUN <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span></span>
-<span class='r-in'>       <span class='fu'><a href='tablerTag.html'>tablerTag</a></span><span class='op'>(</span>name <span class='op'>=</span> <span class='va'>i</span><span class='op'>)</span></span>
-<span class='r-in'>      <span class='op'>}</span><span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTimeline.html b/docs/reference/tablerTimeline.html
index f42b02e..cbd4797 100644
--- a/docs/reference/tablerTimeline.html
+++ b/docs/reference/tablerTimeline.html
@@ -1,199 +1,110 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 timeline — tablerTimeline • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 timeline — tablerTimeline"><meta name="description" content="Build a tabler timeline"><meta property="og:description" content="Build a tabler timeline"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 timeline — tablerTimeline • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Boostrap 4 timeline — tablerTimeline" />
-<meta property="og:description" content="Build a tabler timeline" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+      <h1>Create a Boostrap 4 timeline</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerTimeline.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler timeline</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTimeline</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  </head>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>slot for <a href="tablerTimelineItem.html">tablerTimelineItem</a>.</p></dd>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 timeline</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerTimeline.Rd</code></div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div class="ref-description">
-    <p>Build a tabler timeline</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rinterface.github.io/tablerDash/">tablerDash</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="tablerDashPage.html">tablerDashPage</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    footer <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>    body <span class="op">=</span> <span class="fu"><a href="tablerDashBody.html">tablerDashBody</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu">tablerTimeline</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerTimelineItem.html">tablerTimelineItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       title <span class="op">=</span> <span class="st">"Item 1"</span>,</span></span>
+<span class="r-in"><span>       status <span class="op">=</span> <span class="st">"green"</span>,</span></span>
+<span class="r-in"><span>       date <span class="op">=</span> <span class="st">"now"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="tablerTimelineItem.html">tablerTimelineItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       title <span class="op">=</span> <span class="st">"Item 2"</span>,</span></span>
+<span class="r-in"><span>       status <span class="op">=</span> <span class="cn">NULL</span>,</span></span>
+<span class="r-in"><span>       date <span class="op">=</span> <span class="st">"yesterday"</span>,</span></span>
+<span class="r-in"><span>       <span class="st">"Lorem ipsum dolor sit amet,</span></span></span>
+<span class="r-in"><span><span class="st">       consectetur adipisicing elit."</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
     </div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-    <pre class="usage"><span class='fu'>tablerTimeline</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>slot for <a href='tablerTimelineItem.html'>tablerTimelineItem</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><span class='r-in'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span></span>
-<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://rinterface.github.io/tablerDash/'>tablerDash</a></span><span class='op'>)</span></span>
-<span class='r-in'></span>
-<span class='r-in'> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span></span>
-<span class='r-in'>   ui <span class='op'>=</span> <span class='fu'><a href='tablerDashPage.html'>tablerDashPage</a></span><span class='op'>(</span></span>
-<span class='r-in'>    navbar <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    footer <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>    title <span class='op'>=</span> <span class='st'>"test"</span>,</span>
-<span class='r-in'>    body <span class='op'>=</span> <span class='fu'><a href='tablerDashBody.html'>tablerDashBody</a></span><span class='op'>(</span></span>
-<span class='r-in'>     <span class='fu'>tablerTimeline</span><span class='op'>(</span></span>
-<span class='r-in'>      <span class='fu'><a href='tablerTimelineItem.html'>tablerTimelineItem</a></span><span class='op'>(</span></span>
-<span class='r-in'>       title <span class='op'>=</span> <span class='st'>"Item 1"</span>,</span>
-<span class='r-in'>       status <span class='op'>=</span> <span class='st'>"green"</span>,</span>
-<span class='r-in'>       date <span class='op'>=</span> <span class='st'>"now"</span></span>
-<span class='r-in'>      <span class='op'>)</span>,</span>
-<span class='r-in'>      <span class='fu'><a href='tablerTimelineItem.html'>tablerTimelineItem</a></span><span class='op'>(</span></span>
-<span class='r-in'>       title <span class='op'>=</span> <span class='st'>"Item 2"</span>,</span>
-<span class='r-in'>       status <span class='op'>=</span> <span class='cn'>NULL</span>,</span>
-<span class='r-in'>       date <span class='op'>=</span> <span class='st'>"yesterday"</span>,</span>
-<span class='r-in'>       <span class='st'>"Lorem ipsum dolor sit amet,</span>
-<span class='r-in'>       consectetur adipisicing elit."</span></span>
-<span class='r-in'>      <span class='op'>)</span></span>
-<span class='r-in'>     <span class='op'>)</span></span>
-<span class='r-in'>    <span class='op'>)</span></span>
-<span class='r-in'>   <span class='op'>)</span>,</span>
-<span class='r-in'>   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span></span>
-<span class='r-in'> <span class='op'>)</span></span>
-<span class='r-in'><span class='op'>}</span></span>
-<span class='r-in'></span>
-</pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tablerTimelineItem.html b/docs/reference/tablerTimelineItem.html
index 83bf6a9..aa448ec 100644
--- a/docs/reference/tablerTimelineItem.html
+++ b/docs/reference/tablerTimelineItem.html
@@ -1,179 +1,88 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Create a Boostrap 4 timeline item — tablerTimelineItem • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Boostrap 4 timeline item — tablerTimelineItem"><meta name="description" content="Build a tabler timeline item"><meta property="og:description" content="Build a tabler timeline item"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Create a Boostrap 4 timeline item — tablerTimelineItem • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Create a Boostrap 4 timeline item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/useful-items.R" class="external-link"><code>R/useful-items.R</code></a></small>
+      <div class="d-none name"><code>tablerTimelineItem.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a tabler timeline item</p>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tablerTimelineItem</span><span class="op">(</span><span class="va">...</span>, status <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">title</span>, <span class="va">date</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<meta property="og:title" content="Create a Boostrap 4 timeline item — tablerTimelineItem" />
-<meta property="og:description" content="Build a tabler timeline item" />
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt>
+<dd><p>Item content.</p></dd>
 
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+<dt id="arg-status">status<a class="anchor" aria-label="anchor" href="#arg-status"></a></dt>
+<dd><p>Item status.</p></dd>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
 
+<dt id="arg-title">title<a class="anchor" aria-label="anchor" href="#arg-title"></a></dt>
+<dd><p>Item title.</p></dd>
 
 
-  </head>
+<dt id="arg-date">date<a class="anchor" aria-label="anchor" href="#arg-date"></a></dt>
+<dd><p>Event date.</p></dd>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Boostrap 4 timeline item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/useful-items.R'><code>R/useful-items.R</code></a></small>
-    <div class="hidden name"><code>tablerTimelineItem.Rd</code></div>
-    </div>
 
-    <div class="ref-description">
-    <p>Build a tabler timeline item</p>
-    </div>
-
-    <pre class="usage"><span class='fu'>tablerTimelineItem</span><span class='op'>(</span><span class='va'>...</span>, status <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>title</span>, <span class='va'>date</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Item content.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Item status.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Item title.</p></td>
-    </tr>
-    <tr>
-      <th>date</th>
-      <td><p>Event date.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
-
-
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/docs/reference/tagAssert.html b/docs/reference/tagAssert.html
index 93a2d7f..466d79b 100644
--- a/docs/reference/tagAssert.html
+++ b/docs/reference/tagAssert.html
@@ -1,179 +1,87 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Assert that a tag has specified properties — tagAssert • tablerDash</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Assert that a tag has specified properties — tagAssert"><meta name="description" content="Assert that a tag has specified properties"><meta property="og:description" content="Assert that a tag has specified properties"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
 
-<title>Assert that a tag has specified properties — tagAssert • tablerDash</title>
 
+    <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/journal/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <a class="navbar-brand me-2" href="../index.html">tablerDash</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.1.5.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../index.html"><span class="fa fa-home fa-lg"></span></a></li>
+<li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>
+<li class="nav-item"><a class="nav-link" href="../news/index.html">Changelog</a></li>
+      </ul><ul class="navbar-nav"><li class="nav-item"><a class="external-link nav-link" href="https://github.com/RinteRface/tablerDash"><span class="fa fa-github fa-lg"></span></a></li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Assert that a tag has specified properties — tagAssert" />
-<meta property="og:description" content="Assert that a tag has specified properties" />
 
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
 
+      <h1>Assert that a tag has specified properties</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/tablerDash/blob/HEAD/R/utils.R" class="external-link"><code>R/utils.R</code></a></small>
+      <div class="d-none name"><code>tagAssert.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Assert that a tag has specified properties</p>
+    </div>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">tagAssert</span><span class="op">(</span><span class="va">tag</span>, type <span class="op">=</span> <span class="cn">NULL</span>, class <span class="op">=</span> <span class="cn">NULL</span>, allowUI <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
 
 
+<dl><dt id="arg-tag">tag<a class="anchor" aria-label="anchor" href="#arg-tag"></a></dt>
+<dd><p>A tag object.</p></dd>
 
-  </head>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">tablerDash</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.9000</span>
-      </span>
-    </div>
+<dt id="arg-type">type<a class="anchor" aria-label="anchor" href="#arg-type"></a></dt>
+<dd><p>The type of a tag, like "div", "a", "span".</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fa fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li>
-  <a href="../news/index.html">Changelog</a>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/tablerDash">
-    <span class="fa fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Assert that a tag has specified properties</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/tablerDash/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
-    <div class="hidden name"><code>tagAssert.Rd</code></div>
-    </div>
+<dt id="arg-class">class<a class="anchor" aria-label="anchor" href="#arg-class"></a></dt>
+<dd><p>An HTML class.</p></dd>
 
-    <div class="ref-description">
-    <p>Assert that a tag has specified properties</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>tagAssert</span><span class='op'>(</span><span class='va'>tag</span>, type <span class='op'>=</span> <span class='cn'>NULL</span>, class <span class='op'>=</span> <span class='cn'>NULL</span>, allowUI <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>A tag object.</p></td>
-    </tr>
-    <tr>
-      <th>type</th>
-      <td><p>The type of a tag, like "div", "a", "span".</p></td>
-    </tr>
-    <tr>
-      <th>class</th>
-      <td><p>An HTML class.</p></td>
-    </tr>
-    <tr>
-      <th>allowUI</th>
-      <td><p>If TRUE (the default), allow dynamic outputs generated by
-<code><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></code> or <code><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>htmlOutput</a></code>. When a
+<dt id="arg-allowui">allowUI<a class="anchor" aria-label="anchor" href="#arg-allowui"></a></dt>
+<dd><p>If TRUE (the default), allow dynamic outputs generated by
+<code><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></code> or <code><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">htmlOutput</a></code>. When a
 dynamic output is provided, <code>tagAssert</code> won't try to validate the the
-contents.</p></td>
-    </tr>
-    </table>
+contents.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
+    <footer><div class="pkgdown-footer-left">
   <p>Developed by David Granjon.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
+
 
-  
 
 
-  </body>
-</html>
 
+  </body></html>
 
diff --git a/index.Rmd b/index.Rmd
new file mode 100644
index 0000000..1af2148
--- /dev/null
+++ b/index.Rmd
@@ -0,0 +1,98 @@
+---
+output: github_document
+always_allow_html: true
+---
+
+```{r setup, include=FALSE}
+library(bslib)
+```
+
+```{r, include = FALSE}
+knitr::opts_chunk$set(
+  collapse = TRUE,
+  comment = "#>",
+  fig.path = "man/figures/README-",
+  out.width = "100%"
+)
+```
+
+# tablerDash <img src="https://rinterface.com/inst/images/tablerDash.svg" width=200 align="right" />
+
+<!-- badges: start -->
+[![R build status](https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg)](https://github.com/RinteRface/tablerDash/actions)
+[![CRAN status](https://www.r-pkg.org/badges/version/tablerDash)](https://cran.r-project.org/package=tablerDash)
+[![lifecycle](https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg)](https://www.tidyverse.org/lifecycle/#maturing)
+[![cranlogs](https://cranlogs.r-pkg.org/badges/tablerDash)](https://cran.r-project.org/package=tablerDash)
+[![total](https://cranlogs.r-pkg.org/badges/grand-total/tablerDash)](https://www.rpackages.io/package/tablerDash)
+<!-- badges: end -->
+
+> Tabler dashboard template for shiny with Bootstrap 4
+
+See [https://tabler.io](https://tabler.io) for the original template.
+
+## Installation
+
+This package is on CRAN:
+
+```r
+# latest devel version
+devtools::install_github("RinteRface/tablerDash")
+# CRAN version
+install.packages("tablerDash")
+```
+
+## Demo
+
+`{tablerDash}` works on all the RStudio products.
+
+```{r dashboard-code, eval=TRUE, echo=FALSE}
+card(
+  tablerDash:::create_app_link(tablerDash:::shinylive_links["inst/examples/shinylive/dashboard"], header = FALSE),
+  full_screen = TRUE,
+  style = "margin: 0 auto; float: none;"
+)
+```
+
+<p class="text-center mt-2">
+<a 
+class="btn btn-primary" 
+data-bs-toggle="collapse" 
+href="#demo-code" 
+role="button" 
+aria-expanded="false" 
+aria-controls="demo-code">
+Toggle code
+</a>
+</p>
+
+<div class="collapse" id="demo-code">
+```{r, results="asis", echo=FALSE, warning=FALSE, comment = ""}
+tablerDash:::print_r_code("dashboard")
+```
+</div>
+
+
+<div class="row">
+<div class="card">
+<a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/6/626cbb941e2c3dfe543abde05f7e4097186811c6_2_690x431.png"></a>
+</div>
+</div>
+
+<br>
+
+<div class="row">
+<div class="card">
+<a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/3/33061a47390f6fa1515302d7f05e05c1b6f3e458_2_690x431.jpeg"></a>
+</div>
+</div>
+
+<br>
+
+
+## Issues
+
+Issues are listed [here](https://github.com/RinteRface/tablerDash/issues). 
+
+## Code of Conduct
+  
+  Please note that the tablerDash project is released with a [Contributor Code of Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html). By contributing to this project, you agree to abide by its terms.
\ No newline at end of file
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..767f201
--- /dev/null
+++ b/index.md
@@ -0,0 +1,95 @@
+
+# tablerDash <img src="https://rinterface.com/inst/images/tablerDash.svg" width=200 align="right" />
+
+<!-- badges: start -->
+
+[![R build
+status](https://github.com/RinteRface/tablerDash/workflows/R-CMD-check/badge.svg)](https://github.com/RinteRface/tablerDash/actions)
+[![CRAN
+status](https://www.r-pkg.org/badges/version/tablerDash)](https://cran.r-project.org/package=tablerDash)
+[![lifecycle](https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg)](https://www.tidyverse.org/lifecycle/#maturing)
+[![cranlogs](https://cranlogs.r-pkg.org/badges/tablerDash)](https://cran.r-project.org/package=tablerDash)
+[![total](https://cranlogs.r-pkg.org/badges/grand-total/tablerDash)](https://www.rpackages.io/package/tablerDash)
+<!-- badges: end -->
+
+> Tabler dashboard template for shiny with Bootstrap 4
+
+See <https://tabler.io> for the original template.
+
+## Installation
+
+This package is on CRAN:
+
+``` r
+# latest devel version
+devtools::install_github("RinteRface/tablerDash")
+# CRAN version
+install.packages("tablerDash")
+```
+
+## Demo
+
+`{tablerDash}` works on all the RStudio products.
+
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5" id="bslib-card-6424" style="margin: 0 auto; float: none;">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAdzgCMAnRRASwgGdSoAbbgCgA6EAATCBYLnW5wGAESjsAFuNxDRDOKiLthAXmEFBYRaVKp2iAPSWGbcgwBmUAnAwBzFqUUBXOhhZENnYyTi4AtNQKMGEEDFAQlipixqbmVjaaRBgMEVEYRAxu4gCUQqUQQtwsjFAMAJ58Smx15VU19XyS0nIKiq3VcR1wBIq1pOwALAz97Q1NEHUA6iwAJm5w4zODDTBQbram00LHEADEwitQXDoO3ETUAOLcQgBuw6QFOgA8YcJwAB6oeIrdy2FZ8f56YRhADMiBhuGEdShsPh5Rg3mEP2EAEZXu9PgASdiQ7FvAgfBjsQl1fEUonsZHYjHCABUwj4OOhwnJlOp-wAegAmYpsnkEqk07m8on-Ol8wnEO4MLG-O5uHEABj4DG8EBYDj4EAY9z4MqpxUROKtmuK5SE5wIPAolxVqDupCEl3I31+7DgAEcMPJyHwFMGrnAjELNTiABxhWOJvFgS3CcMhqPiGPxsI4oWwlNpujI-TiS601OvHjeOC+4QMCAFGB8aQQNxePjeutpmOIgBs9oWcFqqouVygGAccXgXcjUO77ERLxrdahK+4tfYQ8dtRW7CEt3uAGE92OujJTwxwWphKRPNIoeIAGJ3R7cYTH0YMT14W8EO52CgKQ4ChZ8AEEABkAGUAFFVBEYQAC8iCIXYQLAqC4IQ0QiFQe8SB0fQuDcSCWE4QRENEC8GHAlcuAYRouFIbwiOSKp4CSbwGA-MsUjMCxrFQDQXhYOBqAwGj-ECTgrhYAhLCgejanYSxNXUmAMAAK1QIpUxw0Q72A7oABU9iNWBQL4uhvBYbgViSKAVhWEgnzAIF2HYNg9MRJyXIgY8iGVNz2G8AgXE8kpb0tW9qFWLwoXzAzhm-cYpgAeW8MwsqMI93yiiAh2EogHDsuArxWc9jJkAAFE1SukCrKNEOKVgS-Qktve9SEfPiao2GRhCweTv33FRb1Cuhut65IACEWDcYQ6DgXhkV1FZQLoIg6kRGA7KqEhb0Mi4gu4UcfE4boMGEABVCA4Bgd1trgEFxsQuhnAAa32Ig9UqviTAE9JhLgUTxMk6qGGkywNpgQJUEUIgPlUuyIG4sJPp4FgMV4NgwiFeMAE5Cf7MIAFZ1O03S3tEdgGAINzAbSISRLEiSpICGGHsCUI60sXZpEsHF+ypnyush6CiAIFgeDIiBPvYZrDJoyXpdlthPqV47oHgNzea2ohPpp47hEUDQHEZ1JBMsahbanZx6FQz6MGIGBjeO+TXL4-WnfEI7hBiqijJAhhVZl7g5c1-3RB1qzklIOLTBkd3DLNuALYBq30lt9nE-sF20JT0RPZEPiE88ew-aD8pRHKIchCdNtXQqqqQ9m9UmtvRHbBQsgeChEysBu+DYvixREqFZKRjGSYGEy7LSCMRuXVqAr67OdN0CEeY6mYHfwPQJXbKhGj5CUGq9izIPoBeD6VWIyGz8UAA5JStcM1Y3JgOp4DRovhDpgzTOQMWagzZhDEO0NYaBBqBAFYlgpLsBeGLIOMclIAFkKCYgfiHV+LxMFo3fsdGieCCHeAAJLkBbNHE2khX66z4gACTQnAf+HtiCl2SIjTif5UEm3EMwnhNDa4GRNsHbopCsGUIekQ2hwF6Fx3ECZOsv5RFiOECXNyW05S8PUYZJRKiq56JribQOYjT4mlQC5agEBZHUUfpY6xEBpHUL4cQh8iiwAuNxHeDxbDU7m0tmYdIbhUJuGkAXN2ui9HCG4rxLhWdrDY0vlOM694OGRMsCXVSSC3BCxhLGfJsY4yagmBgXJ-jabMVYm5S47Zk7RL0d2NyTZqCVOSCZRQ5ENE6C8KBUqVJSAXEcfcEQngHpGPUWY9RFi8JOJcXYwycSgnMyybsdYqS5IZNdlkjhOTkFFJxIckphNynIPabJFibFxCREbN5dpSiuk6G6X0gBwwSCVRWCMmxGiqHtOaXxOoKiZAVkmWI6Z5iHFzNGQs4RysPFuW8TCXxPVWGNPUY87pLzFCgS8Cwa8wzoU-PGVEuFJjjrkoDmohwqF7An0fr0Z8tKZCyJouQjhFkGHJF2Cok0SQ2huSBD-Cgv4IXK0huykgnLPG7E4DIJ015+XVEFVAYVZAShqNEMQVAdRbBuBMNcsAAABeQolKoPDiBALSJBEQ5kJmCql-tpqeNPr0FOW0VilnETIJ+s0iCesojQkYqF-TQSqBtUOn02BGHQf6mQFR9I0JomZOgLjFZwuTcBWFbjxV0AUW5QRaLNUm1uLZFYWBTRwuOkqbwMBbFVpNq1dqwgEQNuOsVBq5U9zFr0SrZincc16I3LWKEExW2DpmQiviTLeD3BkAedFMTlYaDgSiLUPaYlNvHh1IUbbDKUuMRu6tQVa31oncdLdUJ+xHpLW+Cqe6xV6JrXWxZYjL36HHUu4hkMB1fsbWPCeN7IUhxMtjFabAr5-uA6ZMDVR7rZqg5O1FiKqG4naUuy5NS+L7DgBQdDMSAXJFaQ6xDj6oPJtgxBhDiHaFTuSN43di6aOYbYs-G6kFIJAYI-OQFwLryqvw3o8QkECgPQ0eYWtJ1gpeSGZZUgXHj0cHeBsbi6YVgsFQOReS3k-hVFIBgEjUGD1fuM4evd9iQ7kIgDS39NHh2eJxDCIUADnQLoU4ZFjtT4jrAYIJj+HDamnVqGELybgE3udEBtdgsQNMEU4eIfMwhIieB00K3+4w-MtQAzu8zjrz2GTRvAWwBArOoByrl4uEAyukHIf9eOSMeDQUpJfTLwgzrLXieIWCZBBqcAKJfAwaBnCeErBFnkq5ErqVtO52y89qtGDYDSgqf7TP7rJRuzNqaqGvuDvmviyjODtNLasCt1AdtapPS+3L77hDXtyzRWziHnVuRqh6NzFXkKoXQjNCCMER75erYBaqmE-tjbwnFtiJEyIUQ+7TROIxSvlYB+otg1XatuQoNVAA+upzgr2kateOu1laL2PQAH5CeGXswPIe-2aMmxIE1q4WHkihXCnWd7yOxElQcEzq5Xn6m+bALDgOH2yNLqeqQOb5WwC49IPj0VY3PN8UW0QVrLHoKrE8dIBwqiPs3c6lz4QNKkaDQfqRcii8RfPrPfTi92XcSTxF6ILGYW3IuB60Lsbx12DhpkIjq3RuxHiCIHQTndv+FgGfrW5aKoSrCFD-6Bg9EAgcEQJT46e1OGam9ybXYkIOpTdz8dan+gKaamd6LoPVf6erfBQ+rjNvzuGRu3d5HD29zN-cch-b1Vw80ZGMMT62iLW-VQAHrvkeVy2GqpT8QAA1WoMsQK9KIAAxG1B09Mb-YYcQx46hwYjQu93B+M8dMtewPanlU-iDcrAM-4gHgjipLf7Dz-DMrdz2wODcdB7DzF2NheNLlbrLhOBqvrg7obvTkQG8I4G+DTv-sjuLuosduWpWkbk3iLq3rnilDPBlFlPNuIG4FAN4OsEkDigtCYG5AUpqKgDonXlMmNpgdXtgSLr7lrgwBPpXkQSQesIvs8NvlBo-rwaBPwbWFvsXsIFnlCDnpXvnpNrIdXqIKXsIBTCLgwfXkgQ+g2sgaIKgadnwMvHArUBVKtsZpSiYtMknrAVCA4HqBSKnnwKjllIiL9AvKKCAP7G4dVoSHLgrmOCuhGgrnwJ4XwgaByM4aQISJjiBDjpbgrqKE8ovI2M2E4VVllISInnaP7AAL6UreEZHehQABEugyAprSAhE0IwCkAKrsDACIi75gCPQ+QaLpFRHT7L7SBphfJ4Qg5wQAC6uRiIJoNilkbEf+sEQ4x0BRUReUTwJRcCMgsE08P4s8lRfC5oOgAApAAHxbFwpwBY4rHjAQiii7H7E5qHF5RY7hJ8A7QAL-CIiMgNFBQFBnF7EHFY6iShQ8BY67CoA7bSH6A55SFQAF64iIjnDqi4gV4Trqa-xeRezCATCQnCDgkglerWgPFQgIgAJeoTANpKD3B9HwTCDnBdIbQNpsBYDeZxxVAw75ZKgFBQiGAADkpwMIjm-YhMZMrJiI7JEwZMAA7GTHQBMHycIOyUKRMH5DiBKeycBCsITHAITPKacHAJqA4DCA4HGHyZXqIOyQ4EaQ4HQA4GqQ4LhpqITJqOaZcHAP2HKfyacA4BMP2CsGOmqSsEKQUkKEKWqVAOXkKP2KyQwWYcIOcZ8f8FjmCeRDtuwO6J4HLHSZbo0BviSWGRGZcVjnUNGf8LGYSQmaQEmVCPSYvESdQOmWSrkevNMQQRkargsRGjdOQusdBv7tZkQI9v+m1Nuo7huioR5OQNqJEYSB8FwNwE1v1usIiI-rNOATmsrqzmFBFP3mIponxEUR9P6P4lFjFvhKnm5CZA1h+JOXEOsJ+ENtLKQJWDQpSnkScF4XWVEUYa6I2UsccWsaEWIkCqOJmXoocR+XOOQO8Rcf+Ucc6MYYxJaueXxDmHGCUOGR8VmTilcP8WaKuEuAYKhNeFjoyHKjAO7hBa6AhX+eoocd8d4L8WhfIR+raNWQ+UHDMYSMQaQaBNiIEe+alJ+TQgBVxXwCBZ8SxesGGOwBgIVjIPJGkT4UJXAPwWmOIPsVWEHPeRUIhDkWUEIGADkf0UAA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsOptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
+<template>Expand</template>
+<button aria-expanded="false" aria-label="Expand card" class="bslib-full-screen-enter badge rounded-pill"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="height:1em;width:1em;fill:currentColor;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"/></svg></button>
+</bslib-tooltip>
+<script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+<p class="text-center mt-2">
+<a 
+class="btn btn-primary" 
+data-bs-toggle="collapse" 
+href="#demo-code" 
+role="button" 
+aria-expanded="false" 
+aria-controls="demo-code"> Toggle code </a>
+</p>
+
+<div id="demo-code" class="collapse">
+
+``` r
+```
+
+</div>
+
+<div class="row">
+
+<div class="card">
+
+<a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/6/626cbb941e2c3dfe543abde05f7e4097186811c6_2_690x431.png"></a>
+
+</div>
+
+</div>
+
+<br>
+
+<div class="row">
+
+<div class="card">
+
+<a href="https://community.rstudio.com/t/shiny-contest-submission-gotta-catch-em-almost-all/25284" target="_blank"><img src="https://community.rstudio.com/uploads/default/optimized/2X/3/33061a47390f6fa1515302d7f05e05c1b6f3e458_2_690x431.jpeg"></a>
+
+</div>
+
+</div>
+
+<br>
+
+## Issues
+
+Issues are listed
+[here](https://github.com/RinteRface/tablerDash/issues).
+
+## Code of Conduct
+
+Please note that the tablerDash project is released with a [Contributor
+Code of
+Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html).
+By contributing to this project, you agree to abide by its terms.
diff --git a/inst/examples/app.R b/inst/examples/app.R
deleted file mode 100644
index 82183a5..0000000
--- a/inst/examples/app.R
+++ /dev/null
@@ -1,276 +0,0 @@
-library(shiny)
-library(tablerDash)
-library(echarts4r)
-library(shinyWidgets)
-library(magrittr)
-
-# datas flowGl
-vectors <- expand.grid(x = -3:3, y = -3:3)
-mu <- 1
-vectors$sx <- vectors$y
-vectors$sy <- mu * (1 - vectors$x^2) * vectors$y - vectors$x
-vectors$color <- log10(runif(nrow(vectors), 1, 10))
-
-# calendar plot
-dates <- seq.Date(as.Date("2018-01-01"), as.Date("2018-12-31"), by = "day")
-values <- rnorm(length(dates), 20, 6)
-
-year <- data.frame(date = dates, values = values)
-
-# cards
-flowCard <- tablerCard(
-  title = "FlowGl Chart",
-  closable = FALSE,
-  zoomable = FALSE,
-  options = tagList(
-    tablerAvatar(status = "lime", url = "https://john-coene.com/img/profile.png"),
-    tablerTag(name = "build", addon = "passing", addonColor = "success")
-  ),
-  width = 12,
-  echarts4rOutput("flowGl")
-)
-
-profileCard <- tablerProfileCard(
-  width = 12,
-  title = "Peter Richards",
-  subtitle = "Big belly rude boy, million
-      dollar hustler. Unemployed.",
-  background = "https://preview.tabler.io/demo/photos/ilnur-kalimullin-218996-500.jpg",
-  src = "https://preview.tabler.io/demo/faces/male/16.jpg",
-  tablerSocialLinks(
-    tablerSocialLink(
-      name = "facebook",
-      href = "https://www.facebook.com",
-      icon = "facebook"
-    ),
-    tablerSocialLink(
-      name = "twitter",
-      href = "https://www.twitter.com",
-      icon = "twitter"
-    )
-  )
-)
-
-
-calendarCard <- tablerBlogCard(
-  horizontal = TRUE,
-  width = 12,
-  echarts4rOutput("calendar")
-)
-
-
-# app
-shiny::shinyApp(
-  ui = tablerDashPage(
-    navbar = tablerDashNav(
-      id = "mymenu",
-      src = "https://preview.tabler.io/demo/brand/tabler.svg",
-      tablerDropdown(
-        tablerDropdownItem(
-          title = "Item 1 title",
-          href = "https://google.com",
-          url = "https://image.flaticon.com/icons/svg/1301/1301804.svg",
-          status = "danger",
-          date = "now",
-          "This is the first dropdown item"
-        ),
-        tablerDropdownItem(
-          url = "https://image.flaticon.com/icons/svg/1301/1301809.svg",
-          status = "warning",
-          "This is the second dropdown item",
-          date = "yesterday"
-        ),
-        tablerDropdownItem(
-          title = "Item 3 title",
-          "This is the third dropdown item"
-        )
-      )
-    ),
-    footer = tablerDashFooter(
-      tablerIcon(name = "maestro", lib = "payment"),
-      tablerIcon(name = "mastercard", lib = "payment"),
-      copyrights = "@David Granjon, 2019"
-    ),
-    title = "tablerDash",
-    body = tablerDashBody(
-
-      chooseSliderSkin("Nice"),
-
-      fluidRow(
-        column(
-          width = 3,
-          profileCard,
-          tablerStatCard(
-            value = 43,
-            title = "Followers",
-            trend = -10,
-            width = 12
-          )
-        ),
-        column(
-          width = 6,
-          flowCard
-        ),
-        column(
-          width = 3,
-          tablerCard(
-            width = 12,
-            tablerTimeline(
-              tablerTimelineItem(
-                title = "Item 1",
-                status = "green",
-                date = "now"
-              ),
-              tablerTimelineItem(
-                title = "Item 2",
-                status = NULL,
-                date = "yesterday",
-                "Lorem ipsum dolor sit amet,
-                consectetur adipisicing elit."
-              )
-            )
-          ),
-          tablerInfoCard(
-            value = "132 sales",
-            status = "danger",
-            icon = "dollar-sign",
-            description = "12 waiting payments",
-            width = 12
-          ),
-          numericInput(
-            inputId = "totalStorage",
-            label = "Enter storage capacity",
-            value = 1000),
-          uiOutput("info")
-        )
-      ),
-      fluidRow(
-        column(
-          width = 6,
-          tablerCard(
-            title = "Plots",
-            zoomable = FALSE,
-            closable = FALSE,
-            options = tagList(
-              switchInput(
-                inputId = "enable_distPlot",
-                label = "Plot?",
-                value = TRUE,
-                onStatus = "success",
-                offStatus = "danger"
-              )
-            ),
-            plotOutput("distPlot"),
-            status = "info",
-            statusSide = "left",
-            width = 12,
-            footer = tagList(
-              column(
-                width = 12,
-                align = "center",
-                sliderInput(
-                  "obs",
-                  "Number of observations:",
-                  min = 0,
-                  max = 1000,
-                  value = 500
-                )
-              )
-            )
-          )
-        ),
-        column(
-          width = 6,
-          tablerCard(
-            title = "Tables",
-            checkboxGroupInput(
-              "variable",
-              "Variables to show:",
-              c("Cylinders" = "cyl",
-                "Transmission" = "am",
-                "Gears" = "gear"
-              ),
-              inline = TRUE
-            ),
-            tableOutput("data"),
-            width = 12,
-            overflow = TRUE
-          ),
-          fluidRow(
-            column(
-              width = 6,
-              echarts4rOutput("gauge", height = "300px")
-            ),
-            column(
-              width = 6,
-              sliderInput(
-                "gaugeVal",
-                "Gauge Value:",
-                min = 0,
-                max = 100,
-                value = 50
-              )
-            )
-          )
-        )
-      ),
-      fluidRow(calendarCard)
-    )
-  ),
-  server = function(input, output) {
-    output$distPlot <- renderPlot({
-      if (input$enable_distPlot) hist(rnorm(input$obs))
-    })
-    output$data <- renderTable({
-      mtcars[, c("mpg", input$variable), drop = FALSE]
-    }, rownames = TRUE)
-
-    output$flowGl <- renderEcharts4r({
-      vectors %>%
-        e_charts(x) %>%
-        e_flow_gl(y, sx, sy, color) %>%
-        e_visual_map(
-          min = 0, max = 1, # log 10
-          dimension = 4, # x = 0, y = 1, sx = 3, sy = 4
-          show = FALSE, # hide
-          inRange = list(
-            color = c('#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8',
-                      '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026')
-          )
-        ) %>%
-        e_x_axis(
-          splitLine = list(show = FALSE)
-        ) %>%
-        e_y_axis(
-          splitLine = list(show = FALSE)
-        )
-    })
-
-
-    output$info <- renderUI({
-      tablerInfoCard(
-        width = 12,
-        value = paste0(input$totalStorage, "GB"),
-        status = "success",
-        icon = "database",
-        description = "Total Storage Capacity"
-      )
-    })
-
-
-    output$calendar <- renderEcharts4r({
-      year %>%
-        e_charts(date) %>%
-        e_calendar(range = "2018") %>%
-        e_heatmap(values, coord_system = "calendar") %>%
-        e_visual_map(max = 30)
-    })
-
-
-    output$gauge <- renderEcharts4r({
-      e_charts() %>%
-        e_gauge(as.numeric(input$gaugeVal), "%")
-    })
-
-  }
-)
diff --git a/inst/examples/tabs/app.R b/inst/examples/shinylive/dashboard/app.R
similarity index 98%
rename from inst/examples/tabs/app.R
rename to inst/examples/shinylive/dashboard/app.R
index 5d7edb5..db772bc 100644
--- a/inst/examples/tabs/app.R
+++ b/inst/examples/shinylive/dashboard/app.R
@@ -1,3 +1,5 @@
+webr::install("tablerDash", repos = c("https://rinterface.github.io/rinterface-wasm-cran/", "https://repo.r-wasm.org"))
+
 library(shiny)
 library(tablerDash)
 library(echarts4r)
@@ -107,7 +109,7 @@ shiny::shinyApp(
     title = "tablerDash",
     body = tablerDashBody(
 
-      chooseSliderSkin("Nice"),
+      chooseSliderSkin("Modern"),
       tablerTabItems(
         tablerTabItem(
           tabName = "Home",
diff --git a/inst/examples/tabs/rsconnect/130.60.24.205/divadnojnarg/tablerdashdemo.dcf b/inst/examples/tabs/rsconnect/130.60.24.205/divadnojnarg/tablerdashdemo.dcf
deleted file mode 100644
index a1f1204..0000000
--- a/inst/examples/tabs/rsconnect/130.60.24.205/divadnojnarg/tablerdashdemo.dcf
+++ /dev/null
@@ -1,12 +0,0 @@
-name: tablerdashdemo
-title: tablerDashDemo
-username: divadnojnarg
-account: divadnojnarg
-server: 130.60.24.205
-hostUrl: http://130.60.24.205:3939/__api__
-appId: 4
-bundleId: 21
-url: http://130.60.24.205:3939/content/4/
-when: 1549454616.05144
-asMultiple: FALSE
-asStatic: FALSE
diff --git a/inst/examples/tabs/rsconnect/shinyapps.io/dgranjon/tablerDashDemo.dcf b/inst/examples/tabs/rsconnect/shinyapps.io/dgranjon/tablerDashDemo.dcf
deleted file mode 100644
index e15fc78..0000000
--- a/inst/examples/tabs/rsconnect/shinyapps.io/dgranjon/tablerDashDemo.dcf
+++ /dev/null
@@ -1,12 +0,0 @@
-name: tablerDashDemo
-title: tablerDashDemo
-username:
-account: dgranjon
-server: shinyapps.io
-hostUrl: https://api.shinyapps.io/v1
-appId: 694065
-bundleId: 1859334
-url: https://dgranjon.shinyapps.io/tablerDashDemo/
-when: 1549454140.1919
-asMultiple: FALSE
-asStatic: FALSE
diff --git a/inst/examples/vanilla_shiny/app.R b/inst/examples/vanilla_shiny/app.R
deleted file mode 100644
index 7fcd05b..0000000
--- a/inst/examples/vanilla_shiny/app.R
+++ /dev/null
@@ -1,174 +0,0 @@
-library(shiny)
-library(tablerDash)
-library(shinyWidgets)
-
-
-profileCard <- tablerProfileCard(
-  width = 12,
-  title = "Peter Richards",
-  subtitle = "Big belly rude boy, million
-        dollar hustler. Unemployed.",
-  background = "https://preview.tabler.io/demo/photos/ilnur-kalimullin-218996-500.jpg",
-  src = "https://preview.tabler.io/demo/faces/male/16.jpg",
-  tablerSocialLinks(
-    tablerSocialLink(
-      name = "facebook",
-      href = "https://www.facebook.com",
-      icon = "facebook"
-    ),
-    tablerSocialLink(
-      name = "twitter",
-      href = "https://www.twitter.com",
-      icon = "twitter"
-    )
-  )
-)
-
-
-plotCard <- tablerCard(
-  title = "Plots",
-  zoomable = TRUE,
-  closable = TRUE,
-  options = tagList(
-    switchInput(
-      inputId = "enable_distPlot",
-      label = "Plot?",
-      value = TRUE,
-      onStatus = "success",
-      offStatus = "danger"
-    )
-  ),
-  plotOutput("distPlot"),
-  status = "info",
-  statusSide = "left",
-  width = 12,
-  footer = tagList(
-    column(
-      width = 12,
-      align = "center",
-      sliderInput(
-        "obs",
-        "Number of observations:",
-        min = 0,
-        max = 1000,
-        value = 500
-      )
-    )
-  )
-)
-
-
-# app
-shiny::shinyApp(
-  ui = fluidPage(
-    useTablerDash(),
-    chooseSliderSkin("Nice"),
-
-    h1("Import tablerDash elements inside shiny!", align = "center"),
-    h5("Don't need any sidebar, navbar, ...", align = "center"),
-    h5("Only focus on basic elements for a pure interface", align = "center"),
-
-    fluidRow(
-      column(
-        width = 3,
-        profileCard,
-        tablerStatCard(
-          value = 43,
-          title = "Followers",
-          trend = -10,
-          width = 12
-        ),
-        tablerAvatarList(
-          stacked = TRUE,
-          tablerAvatar(
-            name = "DG",
-            size = "xxl"
-          ),
-          tablerAvatar(
-            name = "DG",
-            color = "orange"
-          ),
-          tablerAvatar(
-            name = "DG",
-            status = "warning"
-          ),
-          tablerAvatar(url = "https://image.flaticon.com/icons/svg/145/145852.svg")
-        )
-      ),
-      column(
-        width = 6,
-        plotCard
-      ),
-      column(
-        width = 3,
-        tablerCard(
-          width = 12,
-          tablerTimeline(
-            tablerTimelineItem(
-              title = "Item 1",
-              status = "green",
-              date = "now"
-            ),
-            tablerTimelineItem(
-              title = "Item 2",
-              status = NULL,
-              date = "yesterday",
-              "Lorem ipsum dolor sit amet,
-                  consectetur adipisicing elit."
-            )
-          )
-        ),
-        tablerInfoCard(
-          value = "132 sales",
-          status = "danger",
-          icon = "dollar-sign",
-          description = "12 waiting payments",
-          width = 12
-        ),
-        numericInput(
-          inputId = "totalStorage",
-          label = "Enter storage capacity",
-          value = 1000),
-        uiOutput("info"),
-        knobInput(
-          inputId = "knob",
-          width = "50%",
-          label = "Progress value:",
-          value = 10,
-          min = 0,
-          max = 100,
-          skin = "tron",
-          displayPrevious = TRUE,
-          fgColor = "#428BCA",
-          inputColor = "#428BCA"
-        ),
-        uiOutput("progress")
-      )
-    )
-  ),
-  server = function(input, output) {
-
-    output$distPlot <- renderPlot({
-      if (input$enable_distPlot) hist(rnorm(input$obs))
-    })
-
-    output$info <- renderUI({
-      tablerInfoCard(
-        width = 12,
-        value = paste0(input$totalStorage, "GB"),
-        status = "success",
-        icon = "database",
-        description = "Total Storage Capacity"
-      )
-    })
-
-
-    output$progress <- renderUI({
-      tagList(
-        tablerProgress(value = input$knob, size = "xs", status = "yellow"),
-        tablerProgress(value = input$knob, status = "red", size = "sm")
-      )
-    })
-
-  }
-)
diff --git a/inst/examples/vanilla_shiny/rsconnect/shinyapps.io/dgranjon/tablerVanillaShiny.dcf b/inst/examples/vanilla_shiny/rsconnect/shinyapps.io/dgranjon/tablerVanillaShiny.dcf
deleted file mode 100644
index a5797a9..0000000
--- a/inst/examples/vanilla_shiny/rsconnect/shinyapps.io/dgranjon/tablerVanillaShiny.dcf
+++ /dev/null
@@ -1,12 +0,0 @@
-name: tablerVanillaShiny
-title: tablerVanillaShiny
-username:
-account: dgranjon
-server: shinyapps.io
-hostUrl: https://api.shinyapps.io/v1
-appId: 952750
-bundleId: 2113615
-url: https://dgranjon.shinyapps.io/tablerVanillaShiny/
-when: 1559053308.06512
-asMultiple: FALSE
-asStatic: FALSE
diff --git a/inst/shinylive/tools.R b/inst/shinylive/tools.R
new file mode 100644
index 0000000..d7b6b8f
--- /dev/null
+++ b/inst/shinylive/tools.R
@@ -0,0 +1,19 @@
+pak::pak("parmsam/r-shinylive@feat/encode-decode-url")
+
+create_shinylive_links <- function(path) {
+
+  dirs <- list.dirs(path)[-1]
+
+  vapply(
+    list.dirs(path)[-1],
+    shinylive:::url_encode_dir,
+    FUN.VALUE = character(1)
+  )
+}
+
+create_vignettes_links <- function() {
+  create_shinylive_links("inst/examples/shinylive")
+}
+
+shinylive_links <- create_vignettes_links()
+usethis::use_data(shinylive_links, internal = TRUE, overwrite = TRUE)
\ No newline at end of file
diff --git a/man/create_app_link.Rd b/man/create_app_link.Rd
new file mode 100644
index 0000000..f558701
--- /dev/null
+++ b/man/create_app_link.Rd
@@ -0,0 +1,19 @@
+% Generated by roxygen2: do not edit by hand
+% Please edit documentation in R/utils.R
+\name{create_app_link}
+\alias{create_app_link}
+\title{Create shinylive iframe}
+\usage{
+create_app_link(url, mode = c("app", "editor"), header = TRUE)
+}
+\arguments{
+\item{url}{app url. A shinylive link.}
+
+\item{mode}{How to display the shinylive app. Default to app mode.}
+
+\item{header}{Whether to display the shinylive header. Default to TRUE.}
+}
+\description{
+Useful for pkgdown website
+}
+\keyword{internal}
diff --git a/man/tablerAvatar.Rd b/man/tablerAvatar.Rd
index 2377867..c46210d 100644
--- a/man/tablerAvatar.Rd
+++ b/man/tablerAvatar.Rd
@@ -4,8 +4,7 @@
 \alias{tablerAvatar}
 \title{Create a Boostrap 4 avatar}
 \usage{
-tablerAvatar(name = NULL, url = NULL, size = NULL, status = NULL,
-  color = NULL)
+tablerAvatar(name = NULL, url = NULL, size = NULL, status = NULL, color = NULL)
 }
 \arguments{
 \item{name}{Avatar placeholder. If not NULL, url cannot be used.}
diff --git a/man/tablerBlogCard.Rd b/man/tablerBlogCard.Rd
index 293c357..52fecae 100644
--- a/man/tablerBlogCard.Rd
+++ b/man/tablerBlogCard.Rd
@@ -4,9 +4,17 @@
 \alias{tablerBlogCard}
 \title{Create a Boostrap 4 blog card}
 \usage{
-tablerBlogCard(..., title = NULL, author = NULL, date = NULL,
-  href = NULL, src = NULL, avatarUrl = NULL, width = 4,
-  horizontal = FALSE)
+tablerBlogCard(
+  ...,
+  title = NULL,
+  author = NULL,
+  date = NULL,
+  href = NULL,
+  src = NULL,
+  avatarUrl = NULL,
+  width = 4,
+  horizontal = FALSE
+)
 }
 \arguments{
 \item{...}{Any other elements.}
diff --git a/man/tablerCard.Rd b/man/tablerCard.Rd
index 5f96d1f..bdee6a1 100644
--- a/man/tablerCard.Rd
+++ b/man/tablerCard.Rd
@@ -4,10 +4,20 @@
 \alias{tablerCard}
 \title{Create a Boostrap 4 card}
 \usage{
-tablerCard(..., title = NULL, options = NULL, footer = NULL,
-  status = NULL, statusSide = c("top", "left"), collapsible = TRUE,
-  collapsed = FALSE, closable = TRUE, zoomable = TRUE, width = 6,
-  overflow = FALSE)
+tablerCard(
+  ...,
+  title = NULL,
+  options = NULL,
+  footer = NULL,
+  status = NULL,
+  statusSide = c("top", "left"),
+  collapsible = TRUE,
+  collapsed = FALSE,
+  closable = TRUE,
+  zoomable = TRUE,
+  width = 6,
+  overflow = FALSE
+)
 }
 \arguments{
 \item{...}{Body content}
diff --git a/man/tablerDashPage.Rd b/man/tablerDashPage.Rd
index 27d6e6e..eee4629 100644
--- a/man/tablerDashPage.Rd
+++ b/man/tablerDashPage.Rd
@@ -4,8 +4,14 @@
 \alias{tablerDashPage}
 \title{Create a Boostrap 4 dashboard page}
 \usage{
-tablerDashPage(navbar = NULL, body = NULL, footer = NULL,
-  title = NULL, enable_preloader = FALSE, loading_duration = 2)
+tablerDashPage(
+  navbar = NULL,
+  body = NULL,
+  footer = NULL,
+  title = NULL,
+  enable_preloader = FALSE,
+  loading_duration = 2
+)
 }
 \arguments{
 \item{navbar}{Slot for \link{tablerDashNav}.}
diff --git a/man/tablerDropdownItem.Rd b/man/tablerDropdownItem.Rd
index eb7d78b..cb5c94c 100644
--- a/man/tablerDropdownItem.Rd
+++ b/man/tablerDropdownItem.Rd
@@ -4,8 +4,14 @@
 \alias{tablerDropdownItem}
 \title{Create a Boostrap 4 dashboard dropdown container}
 \usage{
-tablerDropdownItem(..., title = NULL, href = NULL, url = NULL,
-  status = NULL, date = NULL)
+tablerDropdownItem(
+  ...,
+  title = NULL,
+  href = NULL,
+  url = NULL,
+  status = NULL,
+  date = NULL
+)
 }
 \arguments{
 \item{...}{Item content.}
diff --git a/man/tablerInfoCard.Rd b/man/tablerInfoCard.Rd
index 29fb72d..4a7358a 100644
--- a/man/tablerInfoCard.Rd
+++ b/man/tablerInfoCard.Rd
@@ -4,8 +4,7 @@
 \alias{tablerInfoCard}
 \title{Create a Boostrap 4 info card}
 \usage{
-tablerInfoCard(value, description = NULL, status, icon, href = NULL,
-  width = 4)
+tablerInfoCard(value, description = NULL, status, icon, href = NULL, width = 4)
 }
 \arguments{
 \item{value}{Card value.}
diff --git a/man/tablerMediaCard.Rd b/man/tablerMediaCard.Rd
index 766ef84..17b040b 100644
--- a/man/tablerMediaCard.Rd
+++ b/man/tablerMediaCard.Rd
@@ -4,8 +4,15 @@
 \alias{tablerMediaCard}
 \title{Create a Boostrap 4 media card}
 \usage{
-tablerMediaCard(..., title = NULL, date = NULL, href = NULL,
-  src = NULL, avatarUrl = NULL, width = 4)
+tablerMediaCard(
+  ...,
+  title = NULL,
+  date = NULL,
+  href = NULL,
+  src = NULL,
+  avatarUrl = NULL,
+  width = 4
+)
 }
 \arguments{
 \item{...}{Any other elements.}
diff --git a/man/tablerProfileCard.Rd b/man/tablerProfileCard.Rd
index b7798a0..dbed6a7 100644
--- a/man/tablerProfileCard.Rd
+++ b/man/tablerProfileCard.Rd
@@ -4,8 +4,14 @@
 \alias{tablerProfileCard}
 \title{Create a Boostrap 4 profile card}
 \usage{
-tablerProfileCard(title = NULL, subtitle = NULL, background = NULL,
-  src = NULL, socials = NULL, width = 4)
+tablerProfileCard(
+  title = NULL,
+  subtitle = NULL,
+  background = NULL,
+  src = NULL,
+  socials = NULL,
+  width = 4
+)
 }
 \arguments{
 \item{title}{Profile title.}
diff --git a/man/tablerTag.Rd b/man/tablerTag.Rd
index a38beab..ea8e2c5 100644
--- a/man/tablerTag.Rd
+++ b/man/tablerTag.Rd
@@ -4,8 +4,14 @@
 \alias{tablerTag}
 \title{Create a Boostrap 4 tag}
 \usage{
-tablerTag(name, href = NULL, rounded = FALSE, color = NULL,
-  addon = NULL, addonColor = NULL)
+tablerTag(
+  name,
+  href = NULL,
+  rounded = FALSE,
+  color = NULL,
+  addon = NULL,
+  addonColor = NULL
+)
 }
 \arguments{
 \item{name}{Tag name.}
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
index 433189f..3ddab74 100644
--- a/pkgdown/extra.css
+++ b/pkgdown/extra.css
@@ -17,3 +17,27 @@
   .container {
     padding: 2px 16px;
   }
+
+/* bslib cards */
+.bslib-card{overflow:auto}.bslib-card .card-body+.card-body{padding-top:0}.bslib-card .card-body{overflow:auto}.bslib-card .card-body p{margin-top:0}.bslib-card .card-body p:last-child{margin-bottom:0}.bslib-card .card-body{max-height:var(--bslib-card-body-max-height, none)}.bslib-card[data-full-screen="true"]>.card-body{max-height:var(--bslib-card-body-max-height-full-screen, none)}.bslib-card .card-header .form-group{margin-bottom:0}.bslib-card .card-header .selectize-control{margin-bottom:0}.bslib-card .card-header .selectize-control .item{margin-right:1.15rem}.bslib-card .card-footer{margin-top:auto}.bslib-card .bslib-navs-card-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.bslib-card .bslib-navs-card-title .nav{margin-left:auto}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border="true"]){border:none}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border-radius="true"]){border-top-left-radius:0;border-top-right-radius:0}[data-full-screen="true"]{position:fixed;inset:3.5rem 1rem 1rem;height:auto !important;max-height:none !important;width:auto !important;z-index:1070}.bslib-full-screen-enter{display:none;position:absolute;bottom:var(--bslib-full-screen-enter-bottom, 0.2rem);right:var(--bslib-full-screen-enter-right, 0);top:var(--bslib-full-screen-enter-top);left:var(--bslib-full-screen-enter-left);color:var(--bslib-color-fg, var(--bs-card-color));background-color:var(--bslib-color-bg, var(--bs-card-bg, var(--bs-body-bg)));border:var(--bs-card-border-width) solid var(--bslib-color-fg, var(--bs-card-border-color));box-shadow:0 2px 4px rgba(0,0,0,0.15);margin:0.2rem 0.4rem;padding:0.55rem !important;font-size:.8rem;cursor:pointer;opacity:0.7;z-index:1070}.bslib-full-screen-enter:hover{opacity:1}.card[data-full-screen="false"]:hover>*>.bslib-full-screen-enter{display:block}.bslib-has-full-screen .card:hover>*>.bslib-full-screen-enter{display:none}@media (max-width: 575.98px){.bslib-full-screen-enter{display:none !important}}.bslib-full-screen-exit{position:relative;top:1.35rem;font-size:0.9rem;cursor:pointer;text-decoration:none;display:flex;float:right;margin-right:2.15rem;align-items:center;color:rgba(var(--bs-body-bg-rgb), 0.8)}.bslib-full-screen-exit:hover{color:rgba(var(--bs-body-bg-rgb), 1)}.bslib-full-screen-exit svg{margin-left:0.5rem;font-size:1.5rem}#bslib-full-screen-overlay{position:fixed;inset:0;background-color:rgba(var(--bs-body-color-rgb), 0.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1069;animation:bslib-full-screen-overlay-enter 400ms cubic-bezier(0.6, 0.02, 0.65, 1) forwards}@keyframes bslib-full-screen-overlay-enter{0%{opacity:0}100%{opacity:1}}
+
+/* fill css for fullscreen cards */
+.html-fill-container {
+  display: flex;
+  flex-direction: column;
+  /* Prevent the container from expanding vertically or horizontally beyond its
+     parent's constraints. */
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > .html-fill-item {
+  /* Fill items can grow and shrink freely within
+     available vertical space in fillable container */
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > :not(.html-fill-item) {
+  /* Prevent shrinking or growing of non-fill items */
+  flex: 0 0 auto;
+}
\ No newline at end of file
diff --git a/pkgdown/extra.js b/pkgdown/extra.js
new file mode 100644
index 0000000..879ceb6
--- /dev/null
+++ b/pkgdown/extra.js
@@ -0,0 +1,804 @@
+/*! bslib 0.8.0 | (c) 2012-2024 RStudio, PBC. | License: MIT + file LICENSE */
+"use strict";
+( () => {
+    var f = (r, e) => () => (r && (e = r(r = 0)),
+    e);
+    var X = (r, e) => () => (e || r((e = {
+        exports: {}
+    }).exports, e),
+    e.exports);
+    var k = (r, e, t) => {
+        if (!e.has(r))
+            throw TypeError("Cannot " + t)
+    }
+    ;
+    var v = (r, e, t) => (k(r, e, "read from private field"),
+    t ? t.call(r) : e.get(r))
+      , H = (r, e, t) => {
+        if (e.has(r))
+            throw TypeError("Cannot add the same private member more than once");
+        e instanceof WeakSet ? e.add(r) : e.set(r, t)
+    }
+    ;
+    var O = (r, e, t) => (k(r, e, "access private method"),
+    t);
+    var h = (r, e, t) => new Promise( (i, s) => {
+        var n = o => {
+            try {
+                d(t.next(o))
+            } catch (b) {
+                s(b)
+            }
+        }
+          , l = o => {
+            try {
+                d(t.throw(o))
+            } catch (b) {
+                s(b)
+            }
+        }
+          , d = o => o.done ? i(o.value) : Promise.resolve(o.value).then(n, l);
+        d((t = t.apply(r, e)).next())
+    }
+    );
+    function y(r, e) {
+        u && u.inputBindings.register(new r, "bslib." + e)
+    }
+    function _(r, e) {
+        window.bslib = window.bslib || {},
+        window.bslib[r] ? console.error(`[bslib] Global window.bslib.${r} was already defined, using previous definition.`) : window.bslib[r] = e
+    }
+    function w(r, e) {
+        return Object.prototype.hasOwnProperty.call(r, e) && r[e] !== void 0
+    }
+    function U(r) {
+        let e = ["a[href]", "area[href]", "button", "details summary", "input", "iframe", "select", "textarea", '[contentEditable=""]', '[contentEditable="true"]', '[contentEditable="TRUE"]', "[tabindex]"]
+          , t = [':not([tabindex="-1"])', ":not([disabled])"]
+          , i = e.map(n => n + t.join(""))
+          , s = r.querySelectorAll(i.join(", "));
+        return Array.from(s)
+    }
+    function E(...r) {
+        return h(this, null, function*() {
+            if (!u)
+                throw new Error("This function must be called in a Shiny app.");
+            return u.renderContentAsync ? yield u.renderContentAsync.apply(null, r) : yield u.renderContent.apply(null, r)
+        })
+    }
+    var u, m, L = f( () => {
+        "use strict";
+        u = window.Shiny,
+        m = u ? u.InputBinding : class {
+        }
+    }
+    );
+    var R, B = f( () => {
+        "use strict";
+        L();
+        R = class extends m {
+            find(e) {
+                return $(e).find(".accordion.bslib-accordion-input")
+            }
+            getValue(e) {
+                let i = this._getItemInfo(e).filter(s => s.isOpen()).map(s => s.value);
+                return i.length === 0 ? null : i
+            }
+            subscribe(e, t) {
+                $(e).on("shown.bs.collapse.accordionInputBinding hidden.bs.collapse.accordionInputBinding", function(i) {
+                    t(!0)
+                })
+            }
+            unsubscribe(e) {
+                $(e).off(".accordionInputBinding")
+            }
+            receiveMessage(e, t) {
+                return h(this, null, function*() {
+                    let i = t.method;
+                    if (i === "set")
+                        this._setItems(e, t);
+                    else if (i === "open")
+                        this._openItems(e, t);
+                    else if (i === "close")
+                        this._closeItems(e, t);
+                    else if (i === "remove")
+                        this._removeItem(e, t);
+                    else if (i === "insert")
+                        yield this._insertItem(e, t);
+                    else if (i === "update")
+                        yield this._updateItem(e, t);
+                    else
+                        throw new Error(`Method not yet implemented: ${i}`)
+                })
+            }
+            _setItems(e, t) {
+                let i = this._getItemInfo(e)
+                  , s = this._getValues(e, i, t.values);
+                i.forEach(n => {
+                    s.indexOf(n.value) > -1 ? n.show() : n.hide()
+                }
+                )
+            }
+            _openItems(e, t) {
+                let i = this._getItemInfo(e)
+                  , s = this._getValues(e, i, t.values);
+                i.forEach(n => {
+                    s.indexOf(n.value) > -1 && n.show()
+                }
+                )
+            }
+            _closeItems(e, t) {
+                let i = this._getItemInfo(e)
+                  , s = this._getValues(e, i, t.values);
+                i.forEach(n => {
+                    s.indexOf(n.value) > -1 && n.hide()
+                }
+                )
+            }
+            _insertItem(e, t) {
+                return h(this, null, function*() {
+                    let i = this._findItem(e, t.target);
+                    i || (i = t.position === "before" ? e.firstElementChild : e.lastElementChild);
+                    let s = t.panel;
+                    if (i ? yield E(i, s, t.position === "before" ? "beforeBegin" : "afterEnd") : yield E(e, s),
+                    this._isAutoClosing(e)) {
+                        let n = $(s.html).attr("data-value");
+                        $(e).find(`[data-value="${n}"] .accordion-collapse`).attr("data-bs-parent", "#" + e.id)
+                    }
+                })
+            }
+            _removeItem(e, t) {
+                var n;
+                let i = this._getItemInfo(e).filter(l => t.target.indexOf(l.value) > -1)
+                  , s = (n = window.Shiny) == null ? void 0 : n.unbindAll;
+                i.forEach(l => {
+                    s && s(l.item),
+                    l.item.remove()
+                }
+                )
+            }
+            _updateItem(e, t) {
+                return h(this, null, function*() {
+                    let i = this._findItem(e, t.target);
+                    if (!i)
+                        throw new Error(`Unable to find an accordion_panel() with a value of ${t.target}`);
+                    if (w(t, "value") && (i.dataset.value = t.value),
+                    w(t, "body")) {
+                        let n = i.querySelector(".accordion-body");
+                        yield E(n, t.body)
+                    }
+                    let s = i.querySelector(".accordion-header");
+                    if (w(t, "title")) {
+                        let n = s.querySelector(".accordion-title");
+                        yield E(n, t.title)
+                    }
+                    if (w(t, "icon")) {
+                        let n = s.querySelector(".accordion-button > .accordion-icon");
+                        yield E(n, t.icon)
+                    }
+                })
+            }
+            _getItemInfo(e) {
+                return Array.from(e.querySelectorAll(":scope > .accordion-item")).map(i => this._getSingleItemInfo(i))
+            }
+            _getSingleItemInfo(e) {
+                let t = e.querySelector(".accordion-collapse")
+                  , i = () => $(t).hasClass("show");
+                return {
+                    item: e,
+                    value: e.dataset.value,
+                    isOpen: i,
+                    show: () => {
+                        i() || $(t).collapse("show")
+                    }
+                    ,
+                    hide: () => {
+                        i() && $(t).collapse("hide")
+                    }
+                }
+            }
+            _getValues(e, t, i) {
+                let s = i !== !0 ? i : t.map(l => l.value);
+                return this._isAutoClosing(e) && (s = s.slice(s.length - 1, s.length)),
+                s
+            }
+            _findItem(e, t) {
+                return e.querySelector(`[data-value="${t}"]`)
+            }
+            _isAutoClosing(e) {
+                return e.classList.contains("autoclose")
+            }
+        }
+        ;
+        y(R, "accordion")
+    }
+    );
+    var S, z = f( () => {
+        "use strict";
+        S = class {
+            constructor() {
+                this.resizeObserverEntries = [],
+                this.resizeObserver = new ResizeObserver(e => {
+                    let t = new Event("resize");
+                    if (window.dispatchEvent(t),
+                    !window.Shiny)
+                        return;
+                    let i = [];
+                    for (let s of e)
+                        s.target instanceof HTMLElement && s.target.querySelector(".shiny-bound-output") && s.target.querySelectorAll(".shiny-bound-output").forEach(n => {
+                            if (i.includes(n))
+                                return;
+                            let {binding: l, onResize: d} = $(n).data("shinyOutputBinding");
+                            if (!l || !l.resize)
+                                return;
+                            let o = n.shinyResizeObserver;
+                            if (o && o !== this || (o || (n.shinyResizeObserver = this),
+                            d(n),
+                            i.push(n),
+                            !n.classList.contains("shiny-plot-output")))
+                                return;
+                            let b = n.querySelector('img:not([width="100%"])');
+                            b && b.setAttribute("width", "100%")
+                        }
+                        )
+                }
+                )
+            }
+            observe(e) {
+                this.resizeObserver.observe(e),
+                this.resizeObserverEntries.push(e)
+            }
+            unobserve(e) {
+                let t = this.resizeObserverEntries.indexOf(e);
+                t < 0 || (this.resizeObserver.unobserve(e),
+                this.resizeObserverEntries.splice(t, 1))
+            }
+            flush() {
+                this.resizeObserverEntries.forEach(e => {
+                    document.body.contains(e) || this.unobserve(e)
+                }
+                )
+            }
+        }
+    }
+    );
+    var I, q = f( () => {
+        "use strict";
+        I = class {
+            constructor(e, t) {
+                this.watching = new Set,
+                this.observer = new MutationObserver(i => {
+                    let s = new Set;
+                    for (let {type: n, removedNodes: l} of i)
+                        if (n === "childList" && l.length !== 0)
+                            for (let d of l)
+                                d instanceof HTMLElement && (d.matches(e) && s.add(d),
+                                d.querySelector(e) && d.querySelectorAll(e).forEach(o => s.add(o)));
+                    if (s.size !== 0)
+                        for (let n of s)
+                            try {
+                                t(n)
+                            } catch (l) {
+                                console.error(l)
+                            }
+                }
+                )
+            }
+            observe(e) {
+                let t = this._flush();
+                if (this.watching.has(e)) {
+                    if (!t)
+                        return
+                } else
+                    this.watching.add(e);
+                t ? this._restartObserver() : this.observer.observe(e, {
+                    childList: !0,
+                    subtree: !0
+                })
+            }
+            unobserve(e) {
+                this.watching.has(e) && (this.watching.delete(e),
+                this._flush(),
+                this._restartObserver())
+            }
+            _restartObserver() {
+                this.observer.disconnect();
+                for (let e of this.watching)
+                    this.observer.observe(e, {
+                        childList: !0,
+                        subtree: !0
+                    })
+            }
+            _flush() {
+                let e = !1
+                  , t = Array.from(this.watching);
+                for (let i of t)
+                    document.body.contains(i) || (this.watching.delete(i),
+                    e = !0);
+                return e
+            }
+        }
+    }
+    );
+    var a, g, D = f( () => {
+        "use strict";
+        L();
+        z();
+        q();
+        a = class {
+            constructor(e) {
+                var t;
+                e.removeAttribute(a.attr.ATTR_INIT),
+                (t = e.querySelector(`script[${a.attr.ATTR_INIT}]`)) == null || t.remove(),
+                this.card = e,
+                a.instanceMap.set(e, this),
+                a.shinyResizeObserver.observe(this.card),
+                a.cardRemovedObserver.observe(document.body),
+                this._addEventListeners(),
+                this.overlay = this._createOverlay(),
+                this._setShinyInput(),
+                this._exitFullScreenOnEscape = this._exitFullScreenOnEscape.bind(this),
+                this._trapFocusExit = this._trapFocusExit.bind(this)
+            }
+            enterFullScreen(e) {
+                var t;
+                e && e.preventDefault(),
+                this.card.id && this.overlay.anchor.setAttribute("aria-controls", this.card.id),
+                document.addEventListener("keydown", this._exitFullScreenOnEscape, !1),
+                document.addEventListener("keydown", this._trapFocusExit, !0),
+                this.card.setAttribute(a.attr.ATTR_FULL_SCREEN, "true"),
+                document.body.classList.add(a.attr.CLASS_HAS_FULL_SCREEN),
+                this.card.insertAdjacentElement("beforebegin", this.overlay.container),
+                (!this.card.contains(document.activeElement) || (t = document.activeElement) != null && t.classList.contains(a.attr.CLASS_FULL_SCREEN_ENTER)) && (this.card.setAttribute("tabindex", "-1"),
+                this.card.focus()),
+                this._emitFullScreenEvent(!0),
+                this._setShinyInput()
+            }
+            exitFullScreen() {
+                document.removeEventListener("keydown", this._exitFullScreenOnEscape, !1),
+                document.removeEventListener("keydown", this._trapFocusExit, !0),
+                this.overlay.container.remove(),
+                this.card.setAttribute(a.attr.ATTR_FULL_SCREEN, "false"),
+                this.card.removeAttribute("tabindex"),
+                document.body.classList.remove(a.attr.CLASS_HAS_FULL_SCREEN),
+                this._emitFullScreenEvent(!1),
+                this._setShinyInput()
+            }
+            _setShinyInput() {
+                if (!this.card.classList.contains(a.attr.CLASS_SHINY_INPUT) || !u)
+                    return;
+                if (!u.setInputValue) {
+                    setTimeout( () => this._setShinyInput(), 0);
+                    return
+                }
+                let e = this.card.getAttribute(a.attr.ATTR_FULL_SCREEN);
+                u.setInputValue(this.card.id + "_full_screen", e === "true")
+            }
+            _emitFullScreenEvent(e) {
+                let t = new CustomEvent("bslib.card",{
+                    bubbles: !0,
+                    detail: {
+                        fullScreen: e
+                    }
+                });
+                this.card.dispatchEvent(t)
+            }
+            _addEventListeners() {
+                let e = this.card.querySelector(`:scope > * > .${a.attr.CLASS_FULL_SCREEN_ENTER}`);
+                e && e.addEventListener("click", t => this.enterFullScreen(t))
+            }
+            _exitFullScreenOnEscape(e) {
+                if (!(e.target instanceof HTMLElement))
+                    return;
+                let t = ["select[open]", "input[aria-expanded='true']"];
+                e.target.matches(t.join(", ")) || e.key === "Escape" && this.exitFullScreen()
+            }
+            _trapFocusExit(e) {
+                if (!(e instanceof KeyboardEvent) || e.key !== "Tab")
+                    return;
+                let t = e.target === this.card
+                  , i = e.target === this.overlay.anchor
+                  , s = this.card.contains(e.target)
+                  , n = () => {
+                    e.preventDefault(),
+                    e.stopImmediatePropagation()
+                }
+                ;
+                if (!(s || t || i)) {
+                    n(),
+                    this.card.focus();
+                    return
+                }
+                let l = U(this.card).filter(A => !A.classList.contains(a.attr.CLASS_FULL_SCREEN_ENTER));
+                if (!(l.length > 0)) {
+                    n(),
+                    this.overlay.anchor.focus();
+                    return
+                }
+                if (t)
+                    return;
+                let o = l[l.length - 1]
+                  , b = e.target === o;
+                if (i && e.shiftKey) {
+                    n(),
+                    o.focus();
+                    return
+                }
+                if (b && !e.shiftKey) {
+                    n(),
+                    this.overlay.anchor.focus();
+                    return
+                }
+            }
+            _createOverlay() {
+                let e = document.createElement("div");
+                e.id = a.attr.ID_FULL_SCREEN_OVERLAY,
+                e.onclick = this.exitFullScreen.bind(this);
+                let t = this._createOverlayCloseAnchor();
+                return e.appendChild(t),
+                {
+                    container: e,
+                    anchor: t
+                }
+            }
+            _createOverlayCloseAnchor() {
+                let e = document.createElement("a");
+                return e.classList.add(a.attr.CLASS_FULL_SCREEN_EXIT),
+                e.tabIndex = 0,
+                e.setAttribute("aria-expanded", "true"),
+                e.setAttribute("aria-label", "Close card"),
+                e.setAttribute("role", "button"),
+                e.onclick = t => {
+                    this.exitFullScreen(),
+                    t.stopPropagation()
+                }
+                ,
+                e.onkeydown = t => {
+                    (t.key === "Enter" || t.key === " ") && this.exitFullScreen()
+                }
+                ,
+                e.innerHTML = this._overlayCloseHtml(),
+                e
+            }
+            _overlayCloseHtml() {
+                return "Close <svg width='20' height='20' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/></svg>"
+            }
+            static getInstance(e) {
+                return a.instanceMap.get(e)
+            }
+            static initializeAllCards(e=!0) {
+                if (document.readyState === "loading") {
+                    a.onReadyScheduled || (a.onReadyScheduled = !0,
+                    document.addEventListener("DOMContentLoaded", () => {
+                        a.initializeAllCards(!1)
+                    }
+                    ));
+                    return
+                }
+                e && a.shinyResizeObserver.flush();
+                let t = `.${a.attr.CLASS_CARD}[${a.attr.ATTR_INIT}]`;
+                if (!document.querySelector(t))
+                    return;
+                document.querySelectorAll(t).forEach(s => new a(s))
+            }
+        }
+        ,
+        g = a;
+        g.attr = {
+            ATTR_INIT: "data-bslib-card-init",
+            CLASS_CARD: "bslib-card",
+            ATTR_FULL_SCREEN: "data-full-screen",
+            CLASS_HAS_FULL_SCREEN: "bslib-has-full-screen",
+            CLASS_FULL_SCREEN_ENTER: "bslib-full-screen-enter",
+            CLASS_FULL_SCREEN_EXIT: "bslib-full-screen-exit",
+            ID_FULL_SCREEN_OVERLAY: "bslib-full-screen-overlay",
+            CLASS_SHINY_INPUT: "bslib-card-input"
+        },
+        g.shinyResizeObserver = new S,
+        g.cardRemovedObserver = new I(`.${a.attr.CLASS_CARD}`,e => {
+            let t = a.getInstance(e);
+            t && t.card.getAttribute(a.attr.ATTR_FULL_SCREEN) === "true" && t.exitFullScreen()
+        }
+        ),
+        g.instanceMap = new WeakMap,
+        g.onReadyScheduled = !1;
+        _("Card", g)
+    }
+    );
+    var c, p, F, P = f( () => {
+        "use strict";
+        L();
+        z();
+        c = class {
+            constructor(e) {
+                this.windowSize = "";
+                var s;
+                c.instanceMap.set(e, this),
+                this.layout = {
+                    container: e,
+                    main: e.querySelector(":scope > .main"),
+                    sidebar: e.querySelector(":scope > .sidebar"),
+                    toggle: e.querySelector(":scope > .collapse-toggle")
+                };
+                let t = this.layout.sidebar.querySelector(":scope > .sidebar-content > .accordion");
+                t && ((s = t == null ? void 0 : t.parentElement) == null || s.classList.add("has-accordion"),
+                t.classList.add("accordion-flush")),
+                this._initSidebarCounters(),
+                this._initSidebarState(),
+                (this._isCollapsible("desktop") || this._isCollapsible("mobile")) && this._initEventListeners(),
+                c.shinyResizeObserver.observe(this.layout.main),
+                e.removeAttribute("data-bslib-sidebar-init");
+                let i = e.querySelector(":scope > script[data-bslib-sidebar-init]");
+                i && e.removeChild(i)
+            }
+            get isClosed() {
+                return this.layout.container.classList.contains(c.classes.COLLAPSE)
+            }
+            static getInstance(e) {
+                return c.instanceMap.get(e)
+            }
+            _isCollapsible(e="desktop") {
+                let {container: t} = this.layout
+                  , i = e === "desktop" ? "collapsibleDesktop" : "collapsibleMobile"
+                  , s = t.dataset[i];
+                return s === void 0 ? !0 : s.trim().toLowerCase() !== "false"
+            }
+            static initCollapsibleAll(e=!0) {
+                if (document.readyState === "loading") {
+                    c.onReadyScheduled || (c.onReadyScheduled = !0,
+                    document.addEventListener("DOMContentLoaded", () => {
+                        c.initCollapsibleAll(!1)
+                    }
+                    ));
+                    return
+                }
+                let t = `.${c.classes.LAYOUT}[data-bslib-sidebar-init]`;
+                if (!document.querySelector(t))
+                    return;
+                e && c.shinyResizeObserver.flush(),
+                document.querySelectorAll(t).forEach(s => new c(s))
+            }
+            _initEventListeners() {
+                var t;
+                let {toggle: e} = this.layout;
+                e.addEventListener("click", i => {
+                    i.preventDefault(),
+                    this.toggle("toggle")
+                }
+                ),
+                (t = e.querySelector(".collapse-icon")) == null || t.addEventListener("transitionend", () => this._finalizeState()),
+                !(this._isCollapsible("desktop") && this._isCollapsible("mobile")) && window.addEventListener("resize", () => this._handleWindowResizeEvent())
+            }
+            _initSidebarCounters() {
+                let {container: e} = this.layout
+                  , t = `.${c.classes.LAYOUT}> .main > .${c.classes.LAYOUT}:not([data-bslib-sidebar-open="always"])`;
+                if (!(e.querySelector(t) === null))
+                    return;
+                function s(o) {
+                    return o = o ? o.parentElement : null,
+                    o && o.classList.contains("main") && (o = o.parentElement),
+                    o && o.classList.contains(c.classes.LAYOUT) ? o : null
+                }
+                let n = [e]
+                  , l = s(e);
+                for (; l; )
+                    n.unshift(l),
+                    l = s(l);
+                let d = {
+                    left: 0,
+                    right: 0
+                };
+                n.forEach(function(o) {
+                    let A = o.classList.contains("sidebar-right") ? d.right++ : d.left++;
+                    o.style.setProperty("--_js-toggle-count-this-side", A.toString()),
+                    o.style.setProperty("--_js-toggle-count-max-side", Math.max(d.right, d.left).toString())
+                })
+            }
+            _getWindowSize() {
+                let {container: e} = this.layout;
+                return window.getComputedStyle(e).getPropertyValue("--bslib-sidebar-js-window-size").trim()
+            }
+            _initialToggleState() {
+                var s, n;
+                let {container: e} = this.layout
+                  , t = this.windowSize === "desktop" ? "openDesktop" : "openMobile"
+                  , i = (n = (s = e.dataset[t]) == null ? void 0 : s.trim()) == null ? void 0 : n.toLowerCase();
+                return i === void 0 || ["open", "always"].includes(i) ? "open" : ["close", "closed"].includes(i) ? "close" : "open"
+            }
+            _initSidebarState() {
+                this.windowSize = this._getWindowSize();
+                let e = this._initialToggleState();
+                this.toggle(e, !0)
+            }
+            _handleWindowResizeEvent() {
+                let e = this._getWindowSize();
+                !e || e == this.windowSize || this._initSidebarState()
+            }
+            toggle(e, t=!1) {
+                typeof e == "undefined" ? e = "toggle" : e === "closed" && (e = "close");
+                let {container: i, sidebar: s} = this.layout
+                  , n = this.isClosed;
+                if (["open", "close", "toggle"].indexOf(e) === -1)
+                    throw new Error(`Unknown method ${e}`);
+                if (e === "toggle" && (e = n ? "open" : "close"),
+                n && e === "close" || !n && e === "open") {
+                    t && this._finalizeState();
+                    return
+                }
+                e === "open" && (s.hidden = !1),
+                i.classList.toggle(c.classes.TRANSITIONING, !t),
+                i.classList.toggle(c.classes.COLLAPSE),
+                t && this._finalizeState()
+            }
+            _finalizeState() {
+                let {container: e, sidebar: t, toggle: i} = this.layout;
+                e.classList.remove(c.classes.TRANSITIONING),
+                t.hidden = this.isClosed,
+                i.setAttribute("aria-expanded", this.isClosed ? "false" : "true");
+                let s = new CustomEvent("bslib.sidebar",{
+                    bubbles: !0,
+                    detail: {
+                        open: !this.isClosed
+                    }
+                });
+                t.dispatchEvent(s),
+                $(t).trigger("toggleCollapse.sidebarInputBinding"),
+                $(t).trigger(this.isClosed ? "hidden" : "shown")
+            }
+        }
+        ,
+        p = c;
+        p.shinyResizeObserver = new S,
+        p.classes = {
+            LAYOUT: "bslib-sidebar-layout",
+            COLLAPSE: "sidebar-collapsed",
+            TRANSITIONING: "transitioning"
+        },
+        p.onReadyScheduled = !1,
+        p.instanceMap = new WeakMap;
+        F = class extends m {
+            find(e) {
+                return $(e).find(`.${p.classes.LAYOUT} > .bslib-sidebar-input`)
+            }
+            getValue(e) {
+                let t = p.getInstance(e.parentElement);
+                return t ? !t.isClosed : !1
+            }
+            setValue(e, t) {
+                let i = t ? "open" : "close";
+                this.receiveMessage(e, {
+                    method: i
+                })
+            }
+            subscribe(e, t) {
+                $(e).on("toggleCollapse.sidebarInputBinding", function(i) {
+                    t(!0)
+                })
+            }
+            unsubscribe(e) {
+                $(e).off(".sidebarInputBinding")
+            }
+            receiveMessage(e, t) {
+                let i = p.getInstance(e.parentElement);
+                i && i.toggle(t.method)
+            }
+        }
+        ;
+        y(F, "sidebar");
+        _("Sidebar", p)
+    }
+    );
+    var T, M, C, x, N, W = f( () => {
+        "use strict";
+        L();
+        N = class extends m {
+            constructor() {
+                super(...arguments);
+                H(this, C);
+                H(this, T, new WeakMap);
+                H(this, M, new WeakMap)
+            }
+            find(t) {
+                return $(t).find(".bslib-task-button")
+            }
+            getValue(t) {
+                var i;
+                return {
+                    value: (i = v(this, T).get(t)) != null ? i : 0,
+                    autoReset: t.hasAttribute("data-auto-reset")
+                }
+            }
+            getType() {
+                return "bslib.taskbutton"
+            }
+            subscribe(t, i) {
+                v(this, M).has(t) && this.unsubscribe(t);
+                let s = () => {
+                    var n;
+                    v(this, T).set(t, ((n = v(this, T).get(t)) != null ? n : 0) + 1),
+                    i(!0),
+                    O(this, C, x).call(this, t, "busy")
+                }
+                ;
+                v(this, M).set(t, s),
+                t.addEventListener("click", s)
+            }
+            unsubscribe(t) {
+                let i = v(this, M).get(t);
+                i && t.removeEventListener("click", i)
+            }
+            receiveMessage(s, n) {
+                return h(this, arguments, function*(t, {state: i}) {
+                    O(this, C, x).call(this, t, i)
+                })
+            }
+        }
+        ;
+        T = new WeakMap,
+        M = new WeakMap,
+        C = new WeakSet,
+        x = function(t, i) {
+            t.disabled = i === "busy";
+            let s = t.querySelector("bslib-switch-inline");
+            s && (s.case = i)
+        }
+        ;
+        y(N, "task-button")
+    }
+    );
+    function V(r) {
+        if (window.Shiny)
+            for (let[e,t] of Object.entries(r))
+                window.Shiny.addCustomMessageHandler(e, t)
+    }
+    var j = f( () => {
+        "use strict"
+    }
+    );
+    var Z = X(Y => {
+        B();
+        D();
+        P();
+        W();
+        L();
+        j();
+        var K = {
+            "bslib.toggle-input-binary": r => h(Y, null, function*() {
+                let e = document.getElementById(r.id);
+                e || console.warn("[bslib.toggle-input-binary] No element found", r);
+                let t = $(e).data("shiny-input-binding");
+                if (!(t instanceof m)) {
+                    console.warn("[bslib.toggle-input-binary] No input binding found", r);
+                    return
+                }
+                let i = r.value;
+                typeof i == "undefined" && (i = !t.getValue(e)),
+                yield t.receiveMessage(e, {
+                    value: i
+                })
+            })
+        };
+        window.Shiny && V(K);
+        function G() {
+            let r = document.createElement("div");
+            r.innerHTML = `
+  <svg aria-hidden="true" focusable="false" style="width:0;height:0;position:absolute;">
+    <!-- ref: https://fvsch.com/svg-gradient-fill -->
+    <linearGradient id='bslib---icon-gradient' x1='0' y1='0' x2='1.6' y2='2.4'>
+      <stop offset='0%' stop-color='var(--bslib-icon-gradient-0, #007bc2)' />
+      <stop offset='14.29%' stop-color='var(--bslib-icon-gradient-1, #0770c9)' />
+      <stop offset='28.57%' stop-color='var(--bslib-icon-gradient-2, #0d63da)' />
+      <stop offset='42.86%' stop-color='var(--bslib-icon-gradient-3, #2b4af9)' />
+      <stop offset='57.14%' stop-color='var(--bslib-icon-gradient-4, #5e29f7)' />
+      <stop offset='71.43%' stop-color='var(--bslib-icon-gradient-5, #7217d7)' />
+      <stop offset='100%' stop-color='var(--bslib-icon-gradient-6, #74149c)' />
+    </linearGradient>
+  </svg>`,
+            document.body.appendChild(r.children[0])
+        }
+        document.readyState === "complete" ? G() : document.addEventListener("DOMContentLoaded", G)
+    }
+    );
+    Z();
+}
+)();
+//# sourceMappingURL=components.min.js.map