Botão de link
Uma ação de texto em linha na escala de tamanho do Botão, mas sem o recipiente - nenhum preenchimento ou borda, apenas o rótulo com um sublinhado no hover. Variantes primárias (azul) e secundárias (mudadas); torna uma âncora quando o href é passado, caso contrário um botão, de modo que a mesma ação funciona em cópia ou como um manipulador.
Instalação
Você pode adicionar este componente de botão de link usando o nosso CLI ou manualmente:
Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.
O CLI copia a fonte do componente (com suas dependências internas) em seu projeto e instala quaisquer pacotes npm necessários.
npx boardui@latest add link-buttonUsando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.
Ícones e tamanhos
leadingIcon / trailingIcon Tome uma referência Remix Icon e renderize na escala de ícones do tamanho - 20px para meio, 18px para pequeno, 14px para xs.
{/* Icons render at the size's scale - pass the Remix Icon reference */}<LinkButton href="/changelog" trailingIcon={RiExternalLinkLine}> View changelog</LinkButton><LinkButton size="small" leadingIcon={RiDownloadLine} onClick={download}> Download report</LinkButton><LinkButton size="xs" variant="secondary" trailingIcon={RiArrowRightLine}> See all</LinkButton>