Pular para o conteúdo principal

Snackbar

Import​

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

Properties​

message​

Typestring
Default''

Description​

Sets if content of Snackbar will be customizable.

title​

Typestring
Default''

Description​

Sets the title for the Snackbar.

kind​

Type
Enum of:
  • Snackbar.kinds.default
  • Snackbar.kinds.primary
  • Snackbar.kinds.success
  • Snackbar.kinds.danger
  • Snackbar.kinds.warning
  • Snackbar.kinds.help
DefaultSnackbar.kinds.default

Description​

Sets button kind for styling

show 🗑️​

Concerns
🗑️ Deprecated: - Use `hide` property instead.
Typebool
Defaulttrue

Description​

Sets when the Snackbar will be shown or not.

hide​

Typebool
Defaultfalse

Description​

Sets when the Snackbar will be hidden or not.

onClose​

Typefunc
Default() => {}
Paramevent React.SyntheticEvent - The event source of the callback.

Description​

Callback fired when the Snackbar is closed.

dismissible 🗑️​

Concerns
🗑️ Deprecated: - Use `irremovable` property instead.
Typebool
Defaulttrue

Description​

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

irremovable​

Typebool
Defaultfalse

Description​

Sets if the Snackbar is irremovable by hiding the close button.

icon​

Typeelement

Description​

Sets the custom icon.

action​

Typenode

Description​

Sets elements for action area.

children​

Typeelement | string | array | node
Defaultnull

Description​

Sets the children.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.