React Admin - How To Hide Actions Buttons

Viewed 4132

How could I hide the action buttons in the React-Admin 2.2.0 framework?

For example, I want to hide just the export button, or show only the Refresh and Export buttons.

1 Answers

Well, I found the solution myself.

When you want to hide all buttons:

import { List, CardActions } from 'react-admin';

const NoneActions = props => (
    <CardActions />
);

export const AdminList = (props) => (
    <List title="Admin List" {...props} actions={<NoneActions />}>
        ...
    </List>
);

When you want to show only the reload Button:

import { List, CardActions, RefreshButton } from 'react-admin';

const ActionsRefresh = props => (
    <CardActions>
        <RefreshButton />
    </CardActions>
);

export const AdminList = (props) => (
    <List title="Admin List" {...props} actions={<ActionsRefresh />}>
        ...
    </List>
);
Related