Casos de uso do recurso de faixa (band) – ZenBlocks buttonBasic
Conclusao
O recurso de faixa adiciona **um selo diagonal** ao botao, ideal para destacar textos curtos como `SALE`, `NEW`, `Recomendado` e `Limitado`.
—
O que e a faixa
A faixa e um elemento decorativo diagonal aplicado no canto do botao, funcionando como badge visual.
### Caracteristicas
– Pode ser posicionada nos 4 cantos
– Exibicao diagonal
– Cor de fundo e cor do texto separadas
– Independente do texto/icone principal
– Ajuste por dispositivo (responsive)—
Casos de uso
### Caso 1: promocao
– Texto: `SALE`, `-50%`, `Oferta limitada`
– Posicao: canto superior esquerdo/direito### Caso 2: novidade/recomendacao
– Texto: `NEW`, `Recomendado`, `Popular`
– Posicao: superior direito### Caso 3: urgencia/escassez
– Texto: `Ultimas 3 vagas`, `D-2`
– Posicao: superior esquerdo### Caso 4: status
– Texto: `FREE`, `PRO`, `Beta`
– Posicao: superior direito—
Configuracao
1. Abra o painel da faixa.
2. Insira texto curto (recomendado: 2-6 caracteres).
3. Escolha a posicao.
4. Ajuste cores de fundo e texto.
5. Ajuste tamanho da fonte.
6. Valide no front-end.—
Observacoes
– Texto longo prejudica o layout diagonal da faixa.
– Em botoes com borda muito arredondada, confira equilibrio visual.
– No mobile, costuma ser melhor reduzir um pouco o tamanho da faixa.—
Configuracoes relacionadas
– [Band Settings](../band/)
– [Configuracoes de estilo](../style/)
– [Layout Settings](../layout/)