[Doc] Add illustration to the <Labeled> chapter

docs/Labeled.md

@@ -5,11 +5,13 @@ title: "Labeled"
 
 # `<Labeled>`
 
-`<Labeled>` adds a label on top of its child if the child exposes a `label` prop, or if it's a field with a `source` prop. It's used in Show layouts, to display both a field and its label. 
+`<Labeled>` adds a label on top of its child if the child exposes a `label` prop, or if it's a field with a `source` prop. It's used in Show layouts, to display both a field and its label.
+
+![Labeled](./img/Labeled.png)
 
 ## Usage
 
-`<Labeled>` is mostly an internal component - you don't need it if you're using `<SimpleShowLayout>` or `<TabbedShowLayout>`. But, in a custom layout or in a form, if you want to display a label on top of a field value, just wrap the Field component with `<Labeled>`. 
+`<Labeled>` is mostly an internal component - you don't need it if you're using `<SimpleShowLayout>` or `<TabbedShowLayout>`. But, in a custom layout or in a form, if you want to display a label on top of a field value, just wrap the Field component with `<Labeled>`.
 
 ```jsx
 import { Show, Labeled, TextField } from 'react-admin';
@@ -30,11 +32,11 @@ const BookShow = () => (
 
 ## Label
 
-`<Labeled>` uses the humanized `source`, and renders it above the field value. So for the previous example, the label would be `"Title"`. 
+`<Labeled>` uses the humanized `source`, and renders it above the field value. So for the previous example, the label would be `"Title"`.
 
 `<Labeled>` uses the i18n layer, so you can translate the label. The message key for a label is `resources.{resource}.fields.{source}` (e.g. `resources.books.fields.title` for the element above). Check [the Translation chapter](./TranslationTranslating.md) for more information.
 
-`<Labeled>` can also use an explicit `label` prop: 
+`<Labeled>` can also use an explicit `label` prop:
 
 ```jsx
 import { Show, Labeled, TextField } from 'react-admin';