% Auto-generated: do not edit by hand
\name{dlcDockPanel}

\alias{dlcDockPanel}

\title{DockPanel component}

\description{
A widget which provides a flexible docking area for widgets.   {@link https://jupyterlab.github.io/lumino/widgets/classes/dockpanel.html} @hideconstructor  @example //Python: import dash import dash_lumino_components as dlc  dock = dlc.DockPanel([     dlc.Widget(         "Example Content",         id="initial-widget",         title="Hallo",         icon="fa fa-folder-open",         closable=True) ], id="dock-panel")
}

\usage{
dlcDockPanel(children=NULL, id=NULL, addToDom=NULL, layout=NULL,
mode=NULL, spacing=NULL, widgetEvent=NULL)
}

\arguments{
\item{children}{A list of or a singular dash component, string or number. The widgets
@type {Widget[]}}

\item{id}{Character. ID of the widget
@type {string}}

\item{addToDom}{Logical. bool if the object has to be added to the dom directly
@type {boolean}}

\item{layout}{Logical | numeric | character | named list | unnamed list. Layout similar to DockPanel.ILayoutConfig (https://phosphorjs.github.io/phosphor/api/widgets/interfaces/docklayout.ilayoutconfig.html)

Examples:
* {"main": {"type": "tab-area", "widgets": ["initial-widget2", "initial-widget"], "currentIndex": 1}}
* {"main": {"type": "split-area", "orientation": "horizontal", "children": [{"type": "tab-area", "widgets": ["initial-widget2"], "currentIndex": 0}, {"type": "tab-area", "widgets": ["initial-widget"], "currentIndex": 0}], "sizes": [0.5, 0.5]}}
* {"main": {"type": "split-area", "orientation": "vertical", "children": [{"type": "tab-area", "widgets": ["initial-widget2"], "currentIndex": 0}, {"type": "tab-area", "widgets": ["initial-widget"], "currentIndex": 0}], "sizes": [0.5, 0.5]}}

Note! Use widget id in widget arrays!

@type {PropTypes.any}}

\item{mode}{Character. mode for the dock panel: ("single-document" | "multiple-document")
@type {string}}

\item{spacing}{Numeric. The spacing between the items in the panel.
@type {number}}

\item{widgetEvent}{Logical | numeric | character | named list | unnamed list. Widget events
@type {PropTypes.any}}
}

\value{named list of JSON elements corresponding to React.js properties and their values}