WhatsappFab

O WhatsappFab é o botão de WhatsApp que fica fixo no canto inferior direito da tela. Ele não é uma seção: não tem cabeçalho nem área própria na página, e você o monta junto com a página, com o link do WhatsApp e o rótulo do botão. O rótulo é o nome acessível do botão; o ícone é decorativo.

A galeria mostra o botão nos tons claro e escuro.

WhatsappFab

Pasta: ui/sections/whatsapp-fab

Variantes

Id	Variante	Tom
whatsapp-fab-fab-light	fab	light
whatsapp-fab-fab-dark	fab	dark

Propriedades

Propriedade	Tipo	Obrigatória	Descrição
href	string	Sim	—
label	string	Sim	Accessible name of the button (the icon is decorative).

Onde aparece nos templates

O botão está em todas as landings, exceto a de captura, e em todas as páginas do site:

• templates/landing-page/files/src/pages/home.ts:63, a base dos modelos da landing.
• templates/landing-page/models/produto/files/src/pages/home.ts:66, templates/landing-page/models/lancamento/files/src/pages/home.ts:59 e templates/landing-page/models/evento/files/src/pages/home.ts:75.
• templates/one-page/files/src/pages/home.ts:63, com o rótulo «Falar no WhatsApp».
• templates/multi-page/files/src/pages/layout.ts:95, o mesmo botão em todas as páginas do site.
• O modelo captura não tem o botão (templates/landing-page/models/captura/files/src/pages/home.ts).

Quem termina a página reserva o espaço do botão no fim, com padding-bottom (ui/sections/whatsapp-fab/whatsapp-fab.ts:15-18). A captura da galeria abaixo mostra o botão sobre o último link do rodapé de exemplo; esse defeito está registrado no backlog da 2.5a.

Captura da primeira variante do catálogo (fab-light, em 1280 px):

A mesma variante em 360 px: