Hacktron Design System

RowSelectActionBar

A bordered bar showing a selected-row count plus bulk-action buttons and a built-in Clear — pairs with Table's own row-select column (createRowSelectColumn) the same way FilterBar pairs with Table's data, sharing its border/surface/padding so the two read as one family. Row-selection state itself stays the caller's own.

1 selected
RepositoryVisibility
repo-1Public
repo-2Private
repo-3Private
repo-4Public
<template>
  <RowSelectActionBar
    :count="selectedIds.length"
    :actions="[{ label: 'Delete', icon: 'i-lucide-trash', destructive: true, onClick: onBulkDelete }]"
    @clear="rowSelection = {}"
  />
</template>

Props

Name Type Default
countnumber
actionsRowSelectAction[]

Usage