diff --git a/common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json b/common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json new file mode 100644 index 00000000000000..dfb6af73f96a53 --- /dev/null +++ b/common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "MessageBar: For single line, put dismiss button after action buttons.", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "lynam.emily@gmail.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx index ef3ae6c8815677..17fcdbed433ac8 100644 --- a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx +++ b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx @@ -169,9 +169,9 @@ export class MessageBar extends BaseComponent - { this._getActionsDiv() } ); } diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx index e484f8ac25c881..635a65ff412c4b 100644 --- a/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx @@ -65,6 +65,21 @@ export const MessageBarBasicExample = () => ( Success lorem ipsum dolor sit amet. Visit our website. + + + Action + + } + > + Warning lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit. Visit our website. + +