Botão fechar
O botão Fechar é usado dentro de outros componentes, como um brinde ou uma barra de ação, para fechar ou descartar seu componente pai.
Opções
#Tamanho
- Os botões Fechar vêm em quatro tamanhos diferentes: pequeno, médio, grande e extragrande;
- O tamanho médio é a opção padrão e mais usada;
- Use os outros tamanhos com moderação; eles devem ser usados para criar uma hierarquia de importância dentro da página.
#Cor estática
- Use a opção de cor estática quando um botão fechar precisar ser colocado sobre um plano de fundo colorido ou visual;
- Botões de fechamento de cores estáticas estão disponíveis em preto ou branco, independentemente do tema de cores;
- Use preto estático em fundos de cores ou imagens claras e branco estático em fundos de imagens ou cores escuras, independentemente do tema de cores;
- Certifique-se de que o plano de fundo e a cor do botão Fechar atendam à taxa mínima de contraste de cores.
#Desativado
- Um botão Fechar em um estado desabilitado mostra que uma ação existe, mas não está disponível naquela circunstância;
- Esse estado pode ser usado para manter a continuidade do layout e para comunicar que uma ação pode ficar disponível posteriormente.
Comportamentos
#Foco do teclado
- Um botão Fechar pode ser navegado usando um teclado;
- O estado de foco do teclado pega o estado de foco visual do botão Fechar e adiciona um anel ao botão em foco.
Diretrizes de uso
#Não use botões de fechamento para ações de exclusão
- Um botão Fechar serve apenas para descartar ou fechar seu componente pai, não para executar uma ação destrutiva (como excluir um arquivo);
- Em vez disso, use um botão de ação.