Merge pull request #6132 from marmelab/doc-add-aside-screenshot

[Doc] Add illustration for the <Aside> component
marmelab · Apr 7, 2021 · 34dfc0c · 34dfc0c
2 parents f237d02 + 757c6b1
commit 34dfc0c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/docs/CreateEdit.md b/docs/CreateEdit.md
@@ -201,6 +201,8 @@ const PostEditActions = ({ basePath, data }) => (
 
 ### Aside component
 
+![Aside component](./img/aside.png)
+
 You may want to display additional information on the side of the form. Use the `aside` prop for that, passing the component of your choice:
 
 {% raw %}

diff --git a/docs/Show.md b/docs/Show.md
@@ -125,6 +125,8 @@ export const PostShow = (props) => (
 
 ### Aside component
 
+![Aside component](./img/aside.png)
+
 You may want to display additional information on the side of the resource detail. Use the `aside` prop for that, passing the component of your choice:
 
 {% raw %}
@@ -385,7 +387,7 @@ import {
 } from 'react-admin';
 
 const ScrollableTabbedShowLayout = props => (
-    <Show{...props}>
+    <Show {...props}>
         <TabbedShowLayout tabs={<TabbedShowLayoutTabs variant="scrollable" {...props} />}>
             ...
         </TabbedShowLayout>

diff --git a/docs/img/aside.png b/docs/img/aside.png