Botão social

Todos os 24 logótipos enviam em linha com o componente, de modo que uma instalação puxa nenhum pacote de ícones. As marcas de cores completas vêm do SVG Logos (CC0), dos glifos monocromáticos de Ícones Simples (CC0) e das quatro marcas Ícones Simples já não carregam dos Ícones Bootstrap (MIT). A Amazon não tem nenhuma marca de cores completas a montante, por isso sob white Regressa ao seu glifo afinado.

colorful é o padrão: a própria cor da marca na mesma receita gradiente-e-sombra que o botão primário, por isso ele lê como um controle BoardUI em vez de um widget colado. black é a mesma forma em sólido de alto contraste. white é delineado, e o único que mostra a marca multicolor de cada provedor, uma vez que em um preenchimento saturado que a arte lutaria contra o fundo. Para uma pilha de vários provedores, prefira white: uma coluna de preenchimentos de marcas concorrentes não faz uma única opção legível.

medium (36px) e small(32px) são os tamanhos próprios do botão base para o pixel, raio e tamanho do glifo incluído, de modo que estes se sentam em uma forma ao lado de um botão sem um meio passo no ritmo. Ambos carregam uma largura fixa (300px e 250px) de modo que uma coluna de provedores se alinha por conta própria; fullWidth Dá isso de volta ao contentor.

Um botão quadrado que mostra apenas o logotipo, para a linha de alternativas sob um campo de e-mail. O nome da marca move- se para aria-label, então o controle ainda se anuncia.

Para um provedor de identidade que não é construído em, passe brand="custom" com uma configApenas ícone é necessário: label por omissão a SSO e cor ao preto.

O rótulo padrão é Continuar com <Brand>. Passar as crianças para dizer outra coisa, uma vez que uma tela de inscrição e uma tela de login geralmente querem uma redação diferente.

Passando href torna uma âncora em vez de um botão. A maioria dos fluxos de OAuth começa navegando para um URL do provedor, e uma âncora dá a semântica correta, o meio- clique e o comportamento do teclado de graça.