docs: add icon segmented btns (#4885)

apps/docs/src/app/core/component-docs/segmented-button/examples/segmented-button-default-example.component.html

@@ -1,8 +1,16 @@
+<fd-text text="example with label buttons"></fd-text>
 <fd-segmented-button [(ngModel)]="value">
     <button fd-button label="Left" value="first"></button>
     <button fd-button label="Middle" value="second"></button>
     <button fd-button label="Right" value="third"></button>
 </fd-segmented-button>
 
+<fd-text text="example with icon buttons"></fd-text>
+<fd-segmented-button [(ngModel)]="value">
+    <button fd-button [glyph]="'cart'" value="first"></button>
+    <button fd-button [glyph]="'action'" value="second"></button>
+    <button fd-button [glyph]="'activities'" value="third"></button>
+</fd-segmented-button>
+
 <br/>
 <small>value: {{value}}</small>

apps/docs/src/app/core/component-docs/segmented-button/segmented-button-docs.module.ts

@@ -8,6 +8,7 @@ import { SegmentedButtonHeaderComponent } from './segmented-button-header/segmen
 import { SegmentedButtonToggleExampleComponent } from './examples/segmented-button-toggle-example.component';
 import { SegmentedButtonDefaultExampleComponent } from './examples/segmented-button-default-example.component';
 import { SegmentedButtonModule } from '@fundamental-ngx/core';
+import { TextModule } from '@fundamental-ngx/core';
 import { SegmentedButtonFormExampleComponent } from './examples/segmented-button-form-example/segmented-button-form-example.component';
 import { SegmentedButtonComplexExampleComponent } from './examples/segmented-button-complex-example/segmented-button-complex-example.component';
 
@@ -23,7 +24,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forChild(routes), SharedDocumentationPageModule, SegmentedButtonModule],
+    imports: [RouterModule.forChild(routes), SharedDocumentationPageModule, SegmentedButtonModule, TextModule],
     exports: [RouterModule],
     declarations: [
         SegmentedButtonDocsComponent,