Skip to main content

Message

Import​

import { Message } from '@resultadosdigitais/tangram-components'

Properties​

message​

Typestring | shape
Default''

Description​

Sets if content of Message will be customizable.

// Can be a string:
<Message title="Message title" message="Message content" />

// Or a node as Message.Text:
<Message
title="Message title"
message={<Message.Text>Message content</Message.Text>}
/>

title​

Typestring
Default''

Description​

Sets the title for the Message.

kind​

Type
Enum of:
  • Message.kinds.default
  • Message.kinds.primary
  • Message.kinds.success
  • Message.kinds.danger
  • Message.kinds.warning
  • Message.kinds.help
DefaultMessage.kinds.default

Description​

Sets kind for styling.

show πŸ—‘οΈβ€‹

Concerns
πŸ—‘οΈ Deprecated: - Use `hide` property instead.
Typebool
Defaulttrue

Description​

Sets when the Message will be shown or not.

hide​

Typebool
Defaultfalse

Description​

Sets when the Message will be hidden or not.

onClose​

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.

Description​

Callback fired when the close button is clicked.

dismissible​

Typebool
Defaulttrue

Description​

Sets if the Message is dismissible making available a button that when clicked closes the Message.

icon​

Typeelement

Description​

Sets the custom icon.

children​

Typeelement | string | array | node
Defaultnull

Description​

Sets the children.

action πŸ—‘οΈβ€‹

Concerns
πŸ—‘οΈ Deprecated
Typenode

Description​

Sets elements for action area.

Feedback​