i

Bulk actions

Doing · researched

A bar that appears when rows are selected, showing a count and actions on the selection.

molecule · Carbon: TableBatchActions · also called Batch actions · contains button

Each block is the real component from that system’s own package, in an isolated frame. They are live: hover, focus and press them. Frames are drawn on white so systems compare on one ground, and a font a system licenses only for its own site (GOV.UK’s Transport) falls back to what the system itself specifies.

Ant Design

absentAnt Design does not ship this component. Nothing is drawn in its place.

Checked: components directory listing, installed antd/es, Table docs. No bulk-action bar component; Table rowSelection plus a 'Selection and operation' demo only shows the pattern built by hand.

Carbon

TableBatchActions native: no @carbon/react 1.117.0
Variants
—
Sizes
—
States documented
—
Accessibility guidance
yes

Part of DataTable only: a div bar (aria-hidden when inactive) with a selection count, TableBatchAction buttons and cancel. Not usable outside a data table.

2 corrected on re-read
  • states_documented: ["hover","focus"] → null Style tab gives bar colours only; buttons defer to primary button; no states listed for the bar
  • urls: {"docs_url":"https://carbondesignsystem.com/components/data-table/usage/","code_url":"https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/DataTable"} → {"docs_url":"https://www.carbondesignsystem.com/building-blocks/core/components/data-table/guidelines","code_url":"https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/DataTable"} docs 200 after redirect to https://www.carbondesignsystem.com/building-blocks/core/components/data-table/guidelines; code URL 200

docs ↗ · code ↗

GOV.UK

absentGOV.UK does not ship this component. Nothing is drawn in its place.

Checked: component index (https://design-system.service.gov.uk/components/ , 37 components), patterns index, styles index, repo tree src/govuk/components and objects, and installed govuk-frontend 6.5.1 components directory. No selection toolbar or bulk-actions component.

Material Web

absentMaterial Web does not ship this component. Nothing is drawn in its place.

Checked docs/components (20 component pages), the repo top-level dirs, labs/, labs/gb/components and the installed 2.5.0 package. Nothing selection-bar like in components or labs.

Primer

absentPrimer does not ship this component. Nothing is drawn in its place.

No component. DataTable has row selection guidance but no selection bar; ActionBar is a toolbar of icon buttons, not a count-plus-actions bar. Checked: primer.style/product/components/ index, internal-components list, ui-patterns, packages/react/src tree (incl. deprecated/, experimental/, internal/).

Spectrum

Action bar native: no
shipped, not drawn hereSpectrum documents this component, but it could not be drawn from the package used for the frames. The note below says why.
Variants
—
Sizes
—
States documented
default
Accessibility guidance
no

Implementations: S2 ActionBar (shown via TableView and ListView when rows are selected), v3, SWC 1st-gen sp-action-bar and spectrum-css actionbar 10.2.0. Not in installed SWC 1.12.4. The rsp page has no accessibility section.

docs ↗ · code ↗

USWDS

absentUSWDS does not ship this component. Nothing is drawn in its place.

Checked the docs component index and status page and the develop packages/ tree (88 entries, matching installed 3.14.0): no bulk-action bar; Table has sortable rows only.

Platform facts

Native elementmenu (spec: 'a toolbar consisting of its contents' as a list of commands) containing button elementsSpec menu element: represents a toolbar of commands as li items; 'simply a semantic alternative to ul to express an unordered list of commands'. MDN menu: permitted roles include toolbar and tree (page lists them); APG Toolbar: 'a container for grouping a set of controls, such as buttons, menubuttons, or checkboxes'; 'Use toolbar as a grouping element only if the group contains 3 or more controls'. APG Toolbar disabled guidance: typically disabled elements are not focusable in a toolbar, but where discoverability matters they may be focusable. No source defines a selection count, nor how it is announced.
Baseline—
APG patterntoolbar
ARIA role—
Shipped by2 of 7 systems

Anatomy

    The seven states

    default Visible only when rows are selected.
    hover Pointer-only CSS state; not defined by APG or HTML.
    focus Actions inside are focusable.
    active n/a — Not interactive.
    disabled Native button elements take the disabled attribute (MDN button). APG Toolbar: disabled controls are typically skipped by keyboard navigation but may be left focusable where discoverability matters.
    error n/a — Not defined by APG or HTML.
    loading n/a — Not defined.

    Every cell was read twice, the second time from raw sources by a separate pass. 2 of 35 fields changed on the second read — open any “corrected” note to see what it said before.