diff --git a/core/api.txt b/core/api.txt index 67d4941755..6679bd89aa 100644 --- a/core/api.txt +++ b/core/api.txt @@ -2000,4 +2000,7 @@ ion-toolbar,css-prop,--padding-end,md ion-toolbar,css-prop,--padding-start,ios ion-toolbar,css-prop,--padding-start,md ion-toolbar,css-prop,--padding-top,ios -ion-toolbar,css-prop,--padding-top,md \ No newline at end of file +ion-toolbar,css-prop,--padding-top,md +ion-toolbar,part,background +ion-toolbar,part,container +ion-toolbar,part,content \ No newline at end of file diff --git a/core/src/components/toolbar/toolbar.tsx b/core/src/components/toolbar/toolbar.tsx index 0999d40427..d742953d9a 100644 --- a/core/src/components/toolbar/toolbar.tsx +++ b/core/src/components/toolbar/toolbar.tsx @@ -13,6 +13,10 @@ import type { Color, CssClassMap, StyleEventDetail } from '../../interface'; * @slot secondary - Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode. * @slot primary - Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode. * @slot end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL. + * + * @part background - The background of the toolbar, covering the entire area behind the toolbar content. + * @part container - The container that wraps all toolbar content, including the default slot and named slot content. + * @part content - The container for the default slot, wrapping content provided without a named slot. */ @Component({ tag: 'ion-toolbar', @@ -97,11 +101,11 @@ export class Toolbar implements ComponentInterface { }), }} > -
-