Loaders
Duas variações de loading construídas em volta do mesmo padrão. `Spinner` é o indicador inline — pequeno, vive dentro de buttons, inputs, list items e toasts. `LoadingOverlay` é o loader full-surface da página ou painel com a marca da Morada animada.
Spinner
Um Tabler `IconLoader` girando, no tamanho padrão `size-4`. Use diretamente onde precisar de um indicador discreto de "carregando…". Sobrescreva com `className` para tamanho, cor ou opacidade.
Dentro de um Button
Sutil (search input, async select)
Tamanhos
Passe qualquer Tailwind `size-*` para escalar.
LoadingOverlay
Loader full-surface com a marca da Morada animada. Use para boot de app, bridges de auth, Suspense top-level ou qualquer região cujo conteúdo ainda não está pronto.
Preview inline
A marca respira enquanto o monograma interno se desenha, preenche, segura e reinicia — lê-se como a marca se montando.
Carregando…
Acionar overlays
Cada botão mostra o overlay por ~2,5 segundos. `position="fixed"` cobre a viewport (boot de app). `position="absolute"` cobre o ancestral posicionado mais próximo (Suspense em card, painel ou região com rota — envolva o pai em `relative`).
Conteúdo da seção
Esta região é o ancestral posicionado relativamente. Clique no trigger acima para ver o overlay aparecer somente aqui.