Themes
Auto
Light
Dark
Light high contrast
Dark high contrast
Package
Layout
Components
Layout
Fields
Router
Editor
Illustrations
Utils
Stores
Theme
Forms
Configs
Assets
Icon Manager
Components
es-breadcrumb
es-display-error
es-empty-state
es-header
es-header-dropdown
es-layout-auto-label
es-layout-button
es-layout-hr
es-layout-link
es-layout-section
es-loading-bar
es-logo
es-nav
es-page-title
es-panel
es-panel-header
es-sidebar
es-sidebar-dropdown
es-sized-panel
es-theme-dropdown
es-theme-picker
es-toolbar
Functional Components
Page
PageView
Utils
setProgress
bindPanelDetails
ES_LAYOUT_ICON_NAMESPACE
bannerHeight
cookieHeight
CssVar
headerHeight
headerUnderHeight
maxWidth
panelHeight
sidebarWidth
toolbarWidth
dispatchPageViewEvent
Types
Crumb
EmptyStateLayout
HeaderDropdownButtonVariant
LoadingBarStatus
NavLeafNode
NavNode
NavParentNode
NavTree
ErrorStateProps
PageProps
PageState
PageViewProps
ClosedMode
PanelDetails
PanelDetailsListener
PanelMode
TargetableArea
TargetableEdge
LayoutColorScheme
VarObserver
PageViewEvent
PageViewEventDetail
Layout
/
Utils
/
toolbarWidth
toolbarWidth
Control the --layout-toolbar-width css var.
Name
Description
Type
new CssVar
new
CssVar
(
name:
string
defaults:
CSSStyleDeclaration
)
value
unknown
observe
(
fn:
VarObserver
) =>
() =>
void
reset
() =>
void
set
(
to:
number
) =>
void
CssVar
Name
Description
Type
new CssVar
new
CssVar
(
name:
string
defaults:
CSSStyleDeclaration
)
value
unknown
observe
(
fn:
VarObserver
) =>
() =>
void
reset
() =>
void
set
(
to:
number
) =>
void
VarObserver
VarObserver =
(
val:
number
) =>
void