Visualização não disponível para mobile
Esse conteúdo foi preparado para ser visualizado exclusivamente em um computador.
O componente "FAB Button" do CliniDS é uma variante do botão padrão, projetado para ações principais em interfaces móveis. Ele é destacado visualmente para indicar sua importância e é usado para chamar a atenção do usuário para a ação mais importante na tela.
Tipos de Botão (Variantes Visuais)
Floating Action Button
Primary
Enabled
Hovered
Focused
Pressed
Disabled
O FAB Button é um botão de ação flutuante que fica sobreposto ao conteúdo da tela. Ele é frequentemente usado em aplicativos móveis para ações que são centrais para o fluxo do usuário, como adicionar um novo item ou iniciar uma nova tarefa.
Floating Action Button - Clinicorp IA
Clinicorp IA
Enabled
Hovered
Focused
Pressed
Disabled
- Uso exclusivo para ferramentas do Clinicorp IA
Do's and Don'ts
✅ Use apenas um botão primário por contexto.
✅ Mantenha consistência no uso das cores para comunicar a intenção.
✅ Sempre que possível, use texto claro e objetivo (ex: "Salvar", "Continuar", "Cancelar").
🚫 Misturar múltiplas cores de status na mesma tela sem motivo funcional.
🚫 Usar botão Outlined ou Text para ações críticas.
🚫 Exibir botão desabilitado sem explicação (forneça contexto ou dica).
Como usar?
- Posicionamento: O FAB Button deve ser posicionado em um local fixo, geralmente no canto inferior direito da tela, onde é facilmente acessível pelo polegar.
- Ícone e Rótulo: Use ícones claros e, opcionalmente, um rótulo para descrever a ação. Certifique-se de que o ícone represente a ação de forma intuitiva.
- Feedback Visual: Forneça feedback visual em diferentes estados (hover, active, disabled) para melhorar a experiência do usuário.
Floating Button ( C_Button)
O componente "FAB Button" do CliniDS é uma variante do botão padrão, projetado para ações principais em interfaces móveis. Ele é destacado visualmente para indicar sua importância e é usado para chamar a atenção do usuário para a ação mais importante na tela.
Tipos de Botão (Variantes Visuais)
Floating Action Button
Primary
Enabled
Hovered
Focused
Pressed
Disabled
O FAB Button é um botão de ação flutuante que fica sobreposto ao conteúdo da tela. Ele é frequentemente usado em aplicativos móveis para ações que são centrais para o fluxo do usuário, como adicionar um novo item ou iniciar uma nova tarefa.
Floating Action Button - Clinicorp IA
Clinicorp IA
Enabled
Hovered
Focused
Pressed
Disabled
- Uso exclusivo para ferramentas do Clinicorp IA
Do's and Don'ts
✅ Ações Principais: Use o FAB Button para a ação mais importante na tela, como adicionar, criar ou iniciar algo novo.
✅ Interface Móvel: Ideal para interfaces móveis onde o espaço é limitado e uma ação principal precisa ser destacada.
✅ Acessibilidade Rápida: Para ações que precisam ser rapidamente acessíveis e destacadas em relação a outras ações.
🚫 Evite usar o FAB Button para ações secundárias ou menos importantes.
🚫 Conteúdo Estático: Não use o FAB Button para ações que não requerem interação frequente ou imediata.
Como usar?
- Posicionamento: O FAB Button deve ser posicionado em um local fixo, geralmente no canto inferior direito da tela, onde é facilmente acessível pelo polegar.
- Ícone e Rótulo: Use ícones claros e, opcionalmente, um rótulo para descrever a ação. Certifique-se de que o ícone represente a ação de forma intuitiva.
- Feedback Visual: Forneça feedback visual em diferentes estados (hover, active, disabled) para melhorar a experiência do usuário.
Como usar?
- Posicionamento: O FAB Button deve ser posicionado em um local fixo, geralmente no canto inferior direito da tela, onde é facilmente acessível pelo polegar.
- Ícone e Rótulo: Use ícones claros e, opcionalmente, um rótulo para descrever a ação. Certifique-se de que o ícone represente a ação de forma intuitiva.
- Feedback Visual: Forneça feedback visual em diferentes estados (hover, active, disabled) para melhorar a experiência do usuário.