Button

Botões são elementos clicáveis que são usados para acionar ações e/ou navegar pela interface. Comunicam call to actions aos usuários e permitem que os usuários interajam com as páginas de várias maneiras. Os labels do botão expressam qual ação ocorrerá quando o usuário interagir com ele.

Tipos

Sólidos

Este é nosso botão primário, utilizado em ações principais das páginas e interfaces.

Outline

Este é nosso botão secundário, utilizado nas demais ações, ao declarar a prop appearance="outline".

Ghost

São botões que não possuem um preenchimento, nem borda, mas segue os espaçamentos do solid e outline, adotando a aparência do plano de fundo, para utilizar declare a prop appearance="ghost".

São botões que seguem a aparência do ghost mas sem os espaçamentos e estilizações dos demais, para utilizar declare a prop appearance="link" e se deseja renderizar como elemento declare a prop tag="a"