Bulk action bar

Exports

Import these components from @mbsw/ui.

BulkActionBar

Props

The tables list common props for each component. See the full types for supported prop combinations and inherited HTML and Radix props.

BulkActionBar

BulkActionBar props
PropTypeRequirement
actionsReactNodeRequired
clearActionReactNodeOptional
selectionLabelReactNodeRequired

Type reference

Show full types

Full TypeScript definitions, including prop combinations and inherited props.

import { type HTMLAttributes, type ReactNode } from 'react';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

export type BulkActionBarProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & DataAttributes & {
    actions: ReactNode;
    clearAction?: ReactNode;
    selectionLabel: ReactNode;
};

export declare const BulkActionBar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "color" | "children"> & DataAttributes & {
    actions: ReactNode;
    clearAction?: ReactNode;
    selectionLabel: ReactNode;
} & import("react").RefAttributes<HTMLDivElement>>;