Skip to content

Commit 1dd4eb2

Browse files
committed
fix(actions): Add actions toolbar prop
1 parent 8c14e4c commit 1dd4eb2

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

packages/module/src/DataViewToolbar/DataViewToolbar.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,16 +10,19 @@ export interface DataViewToolbarProps extends PropsWithChildren {
1010
bulkSelect?: React.ReactNode;
1111
/** React component to display pagination */
1212
pagination?: React.ReactNode;
13+
/** React component to display actions */
14+
actions?: React.ReactNode;
1315
}
1416

15-
export const DataViewToolbar: React.FC<DataViewToolbarProps> = ({ className, ouiaId = 'DataViewToolbar', bulkSelect, pagination, children, ...props }: DataViewToolbarProps) => (
17+
export const DataViewToolbar: React.FC<DataViewToolbarProps> = ({ className, ouiaId = 'DataViewToolbar', bulkSelect, actions = null, pagination, children, ...props }: DataViewToolbarProps) => (
1618
<Toolbar ouiaId={ouiaId} className={className} {...props}>
1719
<ToolbarContent>
1820
{bulkSelect && (
1921
<ToolbarItem data-ouia-component-id={`${ouiaId}-bulk-select`}>
2022
{bulkSelect}
2123
</ToolbarItem>
2224
)}
25+
{actions}
2326
{pagination && (
2427
<ToolbarItem variant={ToolbarItemVariant.pagination} data-ouia-component-id={`${ouiaId}-pagination`}>
2528
{pagination}

0 commit comments

Comments
 (0)