Dock

@sushindustries/ui

A launcher, what is open, and a corner. Search opens in the middle of the screen.

7 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
tasks?readonly DockTask[][]What is open. One button each; pressing one brings it to the front.
label?string"Search"Text on the search control.
trailing?ReactNode-Right-hand side. A count, a clock, a link.

Notes

onSearch is the flag for the search well, the same way onCloseTask is the flag for the per-task close button: leave either unset and that control does not render, rather than rendering disabled. label only has an effect when onSearch is set - it is the accessible name and tooltip for a control that does not exist otherwise.

tasks with no entries renders an empty row rather than nothing, since the search well and trailing may still have something to show.

UsesIconIconThe glyph set, generated from a Markdown table where every drawing carries its reason. One component, typed names, no icon font.@sushindustries/ui · content
Mentioned inDeviceFolder Shelf