Visualização não disponível para mobile
Esse conteúdo foi preparado para ser visualizado exclusivamente em um computador.
Visão geral
O componente de barra de progresso, mostra uma operação que está sendo executada. Ele pode ser utilizado em contextos de carregamento de dados vindos de dispositivos externos, como por exemplo a comunicação com a maquininha Clinipay.
Ele pode ter seu progresso contextual de acordo com a ação que representa, ou atuar como loading infinito, onde não há um tempo exato para finalização, dependendo de uma resposta externa.
Do's and Don'ts
✅ Quando uma operação externa é executada e queremos simbolizar que estamos efetuando a conexão.✅ Ao buscar ou carregar dados dinamicamente, como em requisições de API.✅ Durante o envio ou processamento de pagamentos com maquininha Clinipay.
🚫 Quando a operação é instantânea ou leva apenas uma fração de segundo.🚫 Em operações que não requerem feedback explícito para o usuário.🚫 Evite o uso excessivo, que pode causar distração ou frustração ao usuário.
______
Comportamentos
- Estados Interativos: O componente de Progresso não é interativo, mas deve ser visualmente distinto durante o estado de carregamento.
- Transições: Utilize animações suaves e contínuas para indicar claramente que um processo está em andamento.
Ao se comunicar com uma API extertna
- Posicione o componente de Loading próximo ao conteúdo ou seção que está sendo carregado.
- Use mensagens claras, como "Carregando..." ou "Aguarde, por favor", para informar ao usuário sobre o estado atual.
- Certifique-se de que o componente de Loading é visualmente distinto e facilmente reconhecível.
Progress bar
Visão geral
O componente de barra de progresso, mostra uma operação que está sendo executada. Ele pode ser utilizado em contextos de carregamento de dados vindos de dispositivos externos, como por exemplo a comunicação com a maquininha Clinipay.
Ele pode ter seu progresso contextual de acordo com a ação que representa, ou atuar como loading infinito, onde não há um tempo exato para finalização, dependendo de uma resposta externa.
Do's and Don'ts
✅ Quando uma operação externa é executada e queremos simbolizar que estamos efetuando a conexão.✅ Ao buscar ou carregar dados dinamicamente, como em requisições de API.✅ Durante o envio ou processamento de pagamentos com maquininha Clinipay.
🚫 Quando a operação é instantânea ou leva apenas uma fração de segundo.🚫 Em operações que não requerem feedback explícito para o usuário.🚫 Evite o uso excessivo, que pode causar distração ou frustração ao usuário.
______
Comportamentos
- Estados Interativos: O componente de Progresso não é interativo, mas deve ser visualmente distinto durante o estado de carregamento.
- Transições: Utilize animações suaves e contínuas para indicar claramente que um processo está em andamento.
Ao se comunicar com uma API extertna
- Posicione o componente de Loading próximo ao conteúdo ou seção que está sendo carregado.
- Use mensagens claras, como "Carregando..." ou "Aguarde, por favor", para informar ao usuário sobre o estado atual.
- Certifique-se de que o componente de Loading é visualmente distinto e facilmente reconhecível.