Pular para o conteúdo principal

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