diff --git a/src/app/showcase/doc/toolbar/basicdoc.ts b/src/app/showcase/doc/toolbar/basicdoc.ts
index 02ef2f8d597..fb4b1e8ed2c 100644
--- a/src/app/showcase/doc/toolbar/basicdoc.ts
+++ b/src/app/showcase/doc/toolbar/basicdoc.ts
@@ -6,7 +6,7 @@ import { Code } from '../../domain/code';
     selector: 'basic-doc',
     template: ` <section class="py-3">
         <app-docsectiontext [title]="title" [id]="id">
-            <p>Toolbar provides <i>start</i>, <i>center</i> and <i>end</i> templates to place content at these sections.</p>
+            <p>Toolbar is a grouping component for buttons and other content. Its content can be placed inside the <i>start</i>, <i>center</i> and <i>end</i> sections.</p>
         </app-docsectiontext>
         <div class="card">
             <p-toolbar>
diff --git a/src/app/showcase/doc/toolbar/templatedoc.ts b/src/app/showcase/doc/toolbar/templatedoc.ts
index 360ddb5eeb0..e6ffb235177 100644
--- a/src/app/showcase/doc/toolbar/templatedoc.ts
+++ b/src/app/showcase/doc/toolbar/templatedoc.ts
@@ -5,7 +5,9 @@ import { Code } from '../../domain/code';
 @Component({
     selector: 'template-doc',
     template: ` <section class="py-3">
-        <app-docsectiontext [title]="title" [id]="id"></app-docsectiontext>
+        <app-docsectiontext [title]="title" [id]="id">
+            <p>Content can also be placed using the  <i>start</i>, <i>center</i> and <i>end</i> templates.</p>
+        </app-docsectiontext>
         <div class="card">
             <p-toolbar>
                 <ng-template pTemplate="start">