Title panel for the header of the application

Used to embed the header within the body of the application

titlePanel(left = "Sample Tile", right = NULL, link = "#")

Arguments

left	The title text for the header
right	Content to include on the top right corner
link	Hyperlink to navigate when clicked

Value

An HTML containing elements to insert in a title

Examples

  titlePanel(
    left = "Sample App Title",
    right = shiny::div("Image/logo", shiny::icon("trash"))
  )
#> <header class="page-header" role="banner">
#>   <div class="page-logo">
#>     <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
#>       <span class="page-logo-text mr-1">Sidebar</span>
#>       <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
#>       <i class="fa fa-signature d-inline-block ml-1 fs-lg color-primary-300"></i>
#>     </a>
#>   </div>
#>   <div class="hidden-md-down dropdown-icon-menu position-relative d-none will be added in next version">
#>     <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation">
#>       <i class="fa fa-bars"></i>
#>     </a>
#>     <ul>
#>       <li>
#>         <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation">
#>           <i class="fa fa-grid"></i>
#>         </a>
#>       </li>
#>       <li>
#>         <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Lock Navigation">
#>           <i class="fa fa-lock"></i>
#>         </a>
#>       </li>
#>     </ul>
#>   </div>
#>   <h2 class="mr-auto d-flex">Sample App Title</h2>
#>   <div class="hidden-lg-up d-none">
#>     <a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
#>       <i class="ni ni-menu"></i>
#>     </a>
#>   </div>
#>   <div class="ml-auto d-none d-md-flex">
#>     <div>
#>       Image/logo
#>       <i class="fa fa-trash"></i>
#>     </div>
#>   </div>
#> </header>