layouts/toolbar
The wish layout: a floating toolbar along the top edge, dragged by its
handle and slid up behind the edge by its last button (Ctrl+Shift+M and
gaming mode slide it up too), leaving a tab to bring it back. The toolbox
button opens the overflow menu: the stream switches, then the catalog's
panels (catalog.tsx) each in a submenu, or as the item that opens its
dialog, a second screen, and a footer with the branding and the appearance
toggles. The settings hang under the bar as a card of tabs; a panel that
floats has a button of its own and a panel beside the bar; on a touch
client the soft keys open at the bottom left from a button of the bar,
hidden until it is pressed and while the bar is slid up.
Reads toggleDashboard from the core and posts sidebarVisibilityChanged
as its panels open and close.
Functions
Tool()
function Tool(__namedParameters): Element;Defined in: layouts/toolbar.tsx:47
A toolbar button with its tooltip, which says tip where that says more than the name.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | { label: string; tip?: string; active?: boolean; onClick: () => void; className?: string; children: ReactNode; } |
__namedParameters.label | string |
__namedParameters.tip? | string |
__namedParameters.active? | boolean |
__namedParameters.onClick | () => void |
__namedParameters.className? | string |
__namedParameters.children | ReactNode |
Returns
Element
ActionTool()
function ActionTool(__namedParameters): Element;Defined in: layouts/toolbar.tsx:61
One of the shared controls (actions.ts) as a toolbar button.
Parameters
Returns
Element
StreamSwitch()
function StreamSwitch(__namedParameters): Element;Defined in: layouts/toolbar.tsx:70
One stream switch of the overflow menu: its icon and name before the switch.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | { checked: boolean; onToggle: () => void; label: string; children: ReactNode; } |
__namedParameters.checked | boolean |
__namedParameters.onToggle | () => void |
__namedParameters.label | string |
__namedParameters.children | ReactNode |
Returns
Element
ToolbarLayout()
function ToolbarLayout(): Element;Defined in: layouts/toolbar.tsx:79
The bar, its menu, and the panels hanging from it.
Returns
Element
References
ToolbarLayout
Re-exports ToolbarLayout