diff --git a/core/api.txt b/core/api.txt index cbbf71f936..5e7da96028 100644 --- a/core/api.txt +++ b/core/api.txt @@ -312,7 +312,7 @@ ion-backdrop,event,ionBackdropTap,void,true ion-badge,shadow ion-badge,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-badge,prop,mode,"ios" | "md",undefined,false,false -ion-badge,prop,shape,"round" | "soft" | undefined,undefined,false,false +ion-badge,prop,shape,"round | rectangular" | "soft" | undefined,undefined,false,false ion-badge,prop,size,"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall" | undefined,undefined,false,false ion-badge,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-badge,css-prop,--background,ionic diff --git a/core/src/components.d.ts b/core/src/components.d.ts index d6784edbbf..9282a9a8df 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -420,7 +420,7 @@ export namespace Components { /** * Set to `"rectangular"` for non-rounded corners. Set to `"soft"` for slightly rounded corners. Set to `"round"` for fully rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - "shape"?: 'soft' | 'round'; + "shape"?: 'soft' | 'round | rectangular'; /** * Set to `"xxsmall"` for the smallest badge. Set to "xsmall" for a very small badge. Set to `"small"` for a small badge. Set to "medium" for a medium badge. Set to "large" for a large badge. Set to `"xlarge"` for the largest badge. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ @@ -5676,7 +5676,7 @@ declare namespace LocalJSX { /** * Set to `"rectangular"` for non-rounded corners. Set to `"soft"` for slightly rounded corners. Set to `"round"` for fully rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - "shape"?: 'soft' | 'round'; + "shape"?: 'soft' | 'round | rectangular'; /** * Set to `"xxsmall"` for the smallest badge. Set to "xsmall" for a very small badge. Set to `"small"` for a small badge. Set to "medium" for a medium badge. Set to "large" for a large badge. Set to `"xlarge"` for the largest badge. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx index 43c4c9846f..e15edca816 100644 --- a/core/src/components/badge/badge.tsx +++ b/core/src/components/badge/badge.tsx @@ -33,7 +33,7 @@ export class Badge implements ComponentInterface { * * Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - @Prop() shape?: 'soft' | 'round'; + @Prop() shape?: 'soft' | 'round | rectangular'; /** * Set to `"xxsmall"` for the smallest badge.