diff --git a/docs/angular/src/content/en/components/chip.mdx b/docs/angular/src/content/en/components/chip.mdx index c23e2dd8aa..8dbe9d8b9b 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 +### Outlined + +The Angular Chip can also be rendered in an outlined style and have a border around it by setting the property. + +```html +Outlined +``` + + + ### Selection Selecting Default 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 +### Outlined + +The {ProductName} chip can be rendered in an outlined style and have a border around it by setting the property. + + + +```tsx + +``` + + + + + +```html + +``` + + + + + +```razor + +``` + + + + + ### Disabled The {ProductName} chip can be disabled by using the property.