Snackbar

A Snackbar é uma maneira efêmera e não invasiva de informar um processo da aplicação ou do resultado de uma ação do usuário sem que a experiência seja interrompida.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

children *

ReactNode

Conteúdo da notificação.

state

SnackBarState

  • neutral (default)

  • informative

  • positive

  • negative

O estado da SnackBar, que representa sua intenção e aplica o estilo de acordo.

timeout

number

A duração, em segundos, em que a SnackBar deve estar visível. Se um valor menor que 5 for provido, será utilizado um tempo de 5 segundos, que é o tempo mínimo para sua exibição.
Quando um valor não é provido, ela não é escondida de forma automática, mas sim por um botão para dispensá-la.

customProps

{ closeButton?: ActionButtonProps; button?: ButtonProps; }

Adiciona propriedades específicas para elementos filhos.
Se a propriedade button for fornecida, um botão de ação é incluído junto ao conteúdo do SnackBar.

debug

boolean

  • false (default)

  • true

Para uso apenas em desenvolvimento, força o estado aberto da SnackBar.

asPortal

boolean

  • false

  • true (default)

Define se o componente será criado com um Portal, fora do nó principal da aplicação e dentro do body