Skip to content

ShowButton

Link button to the show page of the current record.

Use the button without form when in a ResourceContext (e.g., inside an <Edit>):

import { ShowButton, DeleteButton, Edit } from '@/components/admin';
const PostEdit = () => (
<Edit
actions={<>
<ShowButton />
<DleteButton />
</>}
>
...
</Edit>
);

Clicking on the button navigates to the show route of the current resource (e.g., /posts/123/show).

PropRequiredTypeDefaultDescription
iconOptionalReactNode<Eye />Icon to display
labelOptionalstringra.action.showi18n key / label

Additional props are passed to the underlying <a> element (e.g., className, target, rel).