From 90c4e3702880e1c7f6c62532e20c7eddca023fe1 Mon Sep 17 00:00:00 2001
From: Adrian Petrov <adrian.ptrv1@gmail.com>
Date: Mon, 10 Aug 2026 09:40:58 +0300
Subject: [PATCH 1/2] docs(chip): add outlined content

---
 .../src/content/en/components/chip.mdx        | 10 +++++++
 .../src/content/en/components/inputs/chip.mdx | 30 +++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/docs/angular/src/content/en/components/chip.mdx b/docs/angular/src/content/en/components/chip.mdx
index c23e2dd8aa..f482c678fd 100644
--- a/docs/angular/src/content/en/components/chip.mdx
+++ b/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 Variants Example" />
+
 ### Selection
 
 <Image src={selectingDefault} alt="Selecting Default" class="responsive-img" />
diff --git a/docs/xplat/src/content/en/components/inputs/chip.mdx b/docs/xplat/src/content/en/components/inputs/chip.mdx
index 387bb2605e..0f867dba75 100644
--- a/docs/xplat/src/content/en/components/inputs/chip.mdx
+++ b/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.

From 11f59794e93301f3eeb1d72dff4a9858e88abd27 Mon Sep 17 00:00:00 2001
From: Adrian Petrov <adrian.ptrv1@gmail.com>
Date: Mon, 10 Aug 2026 09:50:59 +0300
Subject: [PATCH 2/2] chore(chip): alt text fix

---
 docs/angular/src/content/en/components/chip.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/angular/src/content/en/components/chip.mdx b/docs/angular/src/content/en/components/chip.mdx
index f482c678fd..8dbe9d8b9b 100644
--- a/docs/angular/src/content/en/components/chip.mdx
+++ b/docs/angular/src/content/en/components/chip.mdx
@@ -118,7 +118,7 @@ The Angular Chip can also be rendered in an outlined style and have a border aro
 <igx-chip outlined>Outlined</igx-chip>
 ```
 
-<Sample src="/data-display/chip-outlined" height={100} alt="Angular Chip Variants Example" />
+<Sample src="/data-display/chip-outlined" height={100} alt="Angular Chip Outlined Example" />
 
 ### Selection