diff --git a/change/@fluentui-web-components-83c39762-3f94-4384-9c28-f1cb5fc76818.json b/change/@fluentui-web-components-83c39762-3f94-4384-9c28-f1cb5fc76818.json new file mode 100644 index 0000000000000..4f567eda11753 --- /dev/null +++ b/change/@fluentui-web-components-83c39762-3f94-4384-9c28-f1cb5fc76818.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Added part for content and actions in fluent-message-bar", + "packageName": "@fluentui/web-components", + "email": "support@marvinkleinmusic.de", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/message-bar/message-bar.template.ts b/packages/web-components/src/message-bar/message-bar.template.ts index bc9ed59aafccf..9219079aa90ed 100644 --- a/packages/web-components/src/message-bar/message-bar.template.ts +++ b/packages/web-components/src/message-bar/message-bar.template.ts @@ -10,10 +10,10 @@ import type { MessageBar } from './message-bar.js'; export function messageBarTemplate(): ElementViewTemplate { return html` -
+
-
+
diff --git a/packages/web-components/src/message-bar/message-bar.ts b/packages/web-components/src/message-bar/message-bar.ts index 7a3b5f8b0ab7f..931446606818a 100644 --- a/packages/web-components/src/message-bar/message-bar.ts +++ b/packages/web-components/src/message-bar/message-bar.ts @@ -9,6 +9,8 @@ import { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-b * @slot actions - Content that can be provided for the actions * @slot dismiss - Content that can be provided for the dismiss button * @slot - The default slot for the content + * @csspart content - The wrapper for the message + * @csspart actions - The wrapper for extra action buttons related to the message * @public */ export class MessageBar extends FASTElement {