Skip to content

SelectionSummary ​

SelectionSummary is the panel of a selection of several things: how many of each kind, the fields they share and the actions on all of them.

When to use ​

Use it in place of the panel of a single thing, an InspectorFrame, when several are selected. The application counts the things of each kind and names the kinds; it passes the editors of what the things share in fields and the actions on the whole selection in actions. An action that removes the selection goes in end, as an icon button, not among the actions.

Props ​

PropDefaultDescription
countrequiredThe number of things selected
kinds[]The number of each kind, { label, count }[]
titleselected messageThe title in the head
fieldsThe editors of what the things share (a snippet)
actionsThe actions on the whole selection (a snippet)
endIcon buttons in the head, before the close button (a snippet)
footThe foot of the panel, a Footer with the actions (a snippet)
oncloseShows a close button in the head
sidepanelThe width, as Panel's side

Contract ​

A Panel with a Toolbar as its head, titled with the count (3 selected by default). The content is stacked with gap 0: the kinds as Stats in a Block, then fields as they are (put them in SectionHeader groups, which bring their padding), then actions in a Block. Without kinds, fields or actions, that part is left out.

Example ​

SelectionSummary

Released under the Apache-2.0 license.