# Variable layoutUtils

layoutUtils: {
activeChecker: (link: string, currentUrl: string) => boolean;
alert: (type: string, s: string) => string;
breadcrumbs: (
crumbs: BreadcrumbItemOpts[],
right: any,
after: any,
) => string;
cardHeaderTabs: (
tabList: { active: boolean; href: string; label: string }[],
) => string;
headersInBody: (
headers?: {
css?: string;
cssDark?: string;
defer?: boolean;
headerTag?: string;
integrity?: string;
script: string;
scriptBody?: string;
style?: string;
}[],
) => string;
headersInHead: (
headers: {
css: string;
cssDark: string;
defer?: boolean;
headerTag: string;
integrity?: string;
script: string;
scriptBody?: string;
style?: string;
}[],
isDark?: boolean,
) => string;
innerSections: (sections?: SectionOpts[]) => SectionOpts[];
leftNavBar: (namelogo?: LeftNavBarOpts) => string[];
logit: (x: any, s: any) => any;
mobileBottomNavBar: (
currentUrl: string,
sections: SectionOpts[],
cls?: string,
clsLink?: string,
) => string;
navbar: (
brand: LeftNavBarOpts,
sections: SectionOpts[],
currentUrl: string,
opts?: {
class?: string;
colorscheme?: string;
fixedTop: boolean;
fluid?: boolean;
},
) => string;
navbarSolidOnScroll: string;
navSubitems: (opts: NavSubItemsOpts) => string;
navSubItemsIterator: (si: SectionOpts) => string;
renderTabs: (
opts: RenderTabsOpts,
go: (segment: any, isTop: boolean, ix: number) => any,
activeTabTitle?: string,
hints?: { tabClass?: string },
isMobile?: boolean,
) => string;
rightNavBar: (currentUrl: string, sections: SectionOpts[]) => string;
show_icon: (
icon: string | undefined,
cls?: string,
no_fw?: Boolean,
) => string;
show_icon_and_label: (
icon: string | undefined,
label: string,
cls?: string,
) => string;
toast: (type: string, s: string, id?: string, title?: string) => string;
validID: (s: string) => string;
}

#### Type Declaration

- ##### activeChecker: (link: string, currentUrl: string) => boolean

  check if a link should be highlighted as active

- ##### alert: (type: string, s: string) => string

  creates an alert div (deprecated, use toast)

- ##### breadcrumbs: (crumbs: BreadcrumbItemOpts[], right: any, after: any) => string

- ##### cardHeaderTabs: (tabList: { active: boolean; href: string; label: string }[]) => string

- ##### headersInBody: (
  headers?: {
  css?: string;
  cssDark?: string;
  defer?: boolean;
  headerTag?: string;
  integrity?: string;
  script: string;
  scriptBody?: string;
  style?: string;
  }[],
  ) => string

- ##### headersInHead: (
  headers: {
  css: string;
  cssDark: string;
  defer?: boolean;
  headerTag: string;
  integrity?: string;
  script: string;
  scriptBody?: string;
  style?: string;
  }[],
  isDark?: boolean,
  ) => string

- ##### innerSections: (sections?: SectionOpts[]) => SectionOpts[]

- ##### leftNavBar: (namelogo?: LeftNavBarOpts) => string[]

- ##### logit: (x: any, s: any) => any

- ##### mobileBottomNavBar: (
  currentUrl: string,
  sections: SectionOpts[],
  cls?: string,
  clsLink?: string,
  ) => string

- ##### navbar: (
  brand: LeftNavBarOpts,
  sections: SectionOpts[],
  currentUrl: string,
  opts?: {
  class?: string;
  colorscheme?: string;
  fixedTop: boolean;
  fluid?: boolean;
  },
  ) => string

- ##### navbarSolidOnScroll: string

- ##### navSubitems: (opts: NavSubItemsOpts) => string

- ##### navSubItemsIterator: (si: SectionOpts) => string

- ##### renderTabs: (
  opts: RenderTabsOpts,
  go: (segment: any, isTop: boolean, ix: number) => any,
  activeTabTitle?: string,
  hints?: { tabClass?: string },
  isMobile?: boolean,
  ) => string

- ##### rightNavBar: (currentUrl: string, sections: SectionOpts[]) => string

- ##### show_icon: (icon: string | undefined, cls?: string, no_fw?: Boolean) => string

- ##### show_icon_and_label: (icon: string | undefined, label: string, cls?: string) => string

- ##### toast: (type: string, s: string, id?: string, title?: string) => string

  creates a toast div

- ##### validID: (s: string) => string

- Defined in layout_utils.ts:974