FAB - Floating Action Button

O FAB serve como atalho para a ação principal de uma interface. Esse botão é sempre com a estilização de um botão primário, devido ao seu destaque. Evite utilizá-lo em telas com mais botões primários.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

children *

ReactNode

  • —

Conteúdo interno, geralmente um ícone.

position

FloatingActionButtonPosition

  • fixed (default)

  • sticky

Define o comportamento referente a posicionamento do FAB.

disabled

boolean

  • true

  • false (default)

Quando true, desabilita o botão e aplica o estilo equivalente.

Métodos

Nome (* = obrigatório)

Tipo

Descrição

onClick

function

Função chamada quando o componente é clicado.

event é o objeto de evento do click.