diff --git a/docs/app/Layouts/AttachedContentLayout.js b/docs/app/Layouts/AttachedContentLayout.js index def2fe60f5..3744832a46 100644 --- a/docs/app/Layouts/AttachedContentLayout.js +++ b/docs/app/Layouts/AttachedContentLayout.js @@ -48,7 +48,7 @@ const AttachedContentLayout = () => ( - +
Header Header diff --git a/src/collections/Message/Message.d.ts b/src/collections/Message/Message.d.ts index 7cdd962ee6..0244175484 100644 --- a/src/collections/Message/Message.d.ts +++ b/src/collections/Message/Message.d.ts @@ -18,7 +18,7 @@ export interface MessageProps { as?: any; /** A message can be formatted to attach itself to other content. */ - attached?: boolean | 'bottom'; + attached?: boolean | 'bottom' | 'top'; /** Primary content. */ children?: React.ReactNode; diff --git a/src/collections/Message/Message.js b/src/collections/Message/Message.js index 23dc4552ab..856cdce227 100644 --- a/src/collections/Message/Message.js +++ b/src/collections/Message/Message.js @@ -32,7 +32,7 @@ export default class Message extends Component { /** A message can be formatted to attach itself to other content. */ attached: PropTypes.oneOfType([ PropTypes.bool, - PropTypes.oneOf(['bottom']), + PropTypes.oneOf(['bottom', 'top']), ]), /** Primary content. */ diff --git a/test/specs/collections/Message/Message-test.js b/test/specs/collections/Message/Message-test.js index ffabaa1d1b..ea68f7b7c7 100644 --- a/test/specs/collections/Message/Message-test.js +++ b/test/specs/collections/Message/Message-test.js @@ -44,7 +44,7 @@ describe('Message', () => { common.propKeyOnlyToClassName(Message, 'visible') common.propKeyOnlyToClassName(Message, 'warning') - common.propKeyOrValueAndKeyToClassName(Message, 'attached', ['bottom']) + common.propKeyOrValueAndKeyToClassName(Message, 'attached', ['bottom', 'top']) common.propValueOnlyToClassName(Message, 'color', SUI.COLORS) common.propValueOnlyToClassName(Message, 'size', _.without(SUI.SIZES, 'medium'))