Message Bar

Overview

A MessageBar is an area at the top of a primary view that displays relevant status information. You can use a MessageBar to tell the user about a situation that does not require their immediate attention and therefore does not need to block other activities.

Variants

Various MessageBar types

Info lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit. Visit our website.

API

Properties

Property	Type	Required	Default	Description
isSingleline	`Boolean`	`false`	`false`	Determines if the message bar is single lined. If true, and the text overflows over buttons or to another line, it is clipped.
showDismiss	`Boolean`	`false`	`false`	If true, renders a dismiss button.
type	`Number` (`MessageBarType`)	`false`	`MessageBarType.info`	Type of the MessageBar.

MessageBarType

export const MessageBarType = Object.freeze({
  'blocked': 0,
  'error': 1,
  'info': 2,
  'remove': 3,
  'severeWarning': 4,
  'success': 5,
  'warning': 6,
})

1
2
3
4
5
6
7
8
9

Slots

Slot	Description
`default`	The text of the MessageBar.

Events

This component does not emit any events.

# Message Bar

# Overview

# Variants

# Various MessageBar types

# API

# Properties

# MessageBarType

# Slots

# Events