docs(chip): add outlined content

docs/angular/src/content/en/components/chip.mdx

@@ -110,6 +110,16 @@ The Angular chip supports several pre-defined stylistic variants. You can change
 
 <Sample src="/data-display/chip-variants" height={100} alt="Angular Chip Variants Example" />
 
+### Outlined
+
+The Angular Chip can also be rendered in an outlined style and have a border around it by setting the <ApiLink type="Chip" member="outlined" label="outlined" /> property.
+
+```html
+<igx-chip outlined>Outlined</igx-chip>
+```
+
+<Sample src="/data-display/chip-outlined" height={100} alt="Angular Chip Outlined Example" />
+
 ### Selection
 
 <Image src={selectingDefault} alt="Selecting Default" class="responsive-img" />

docs/xplat/src/content/en/components/inputs/chip.mdx

@@ -201,6 +201,36 @@ The {ProductName} chip supports several pre-defined stylistic variants. You can
 
 <Sample src="/inputs/chip/variants" height={80} alt="{Platform} Chip Variants Example" />
 
+### Outlined
+
+The {ProductName} chip can be rendered in an outlined style and have a border around it by setting the <ApiLink pkg="core" type="Chip" member="outlined" label="Outlined" /> property.
+
+<PlatformBlock for="React">
+
+```tsx
+<IgrChip outlined={true}></IgrChip>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+
+```html
+<igc-chip outlined></igc-chip>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbChip Outlined="true"></IgbChip>
+```
+
+</PlatformBlock>
+
+<Sample src="/inputs/chip/outlined" height={80} alt="{Platform} Chip Outlined Example" />
+
 ### Disabled
 
 The {ProductName} chip can be disabled by using the <ApiLink pkg="core" type="Chip" member="disabled" label="Disabled" /> property.